Cara Membuat Buku Tamu Pada Blog

Mempercantik blog adalah suatu hal yang wajib di lakukan oleh para blogger agar mempercantik sebuah blog dan selain itu juga para pengunung akan betah untuk berlama-lama di blog anda.
kalii ini saya akan berbagi tips mempercantik blog dengan memasang BUKU TAMU atau sering di kenal dengan Guestbook.Tanpa panjang lebar lagi,langsung saja kita praktekkan ya.

1. Masuk ke Blogger => rancangan => Tambah gadget
2. Pilih HTML/javascript,kemudian copy paste code di bawah ini.

</span><style type="text/css"><br> #at{<br> position:fixed;<br> right:450px;<br> z-index:+1000;<br> }<br> * html #at{position:relative;}<br> .attab{<br> height:100px;<br> width:30px;<br> float:left;<br> cursor:pointer;<br> background:url();<br> }<br> .atcontent{<br> float:left;<br> border:2px dotted #ff0000;<br> background: #222222 repeat-y center;<br> -webkit-border-bottom-right-radius: 25px;<br> -webkit-border-bottom-left-radius: 25px;<br> -moz-border-radius-bottomright: 25px;<br> -moz-border-radius-bottomleft: 25px;<br> border-bottom-right-radius: 25px;<br> border-bottom-left-radius: 25px;<br> padding:10px;<br> }<br> </style><br> <script type="text/javascript"><br> function showHideAT(){<br> var at = document.getElementById("at");<br> var w = at.offsetWidth;<br> at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);<br> at.opened = !at.opened;<br> }<br> function moveAT(x0, xf){<br> var at = document.getElementById("at");<br> var dx = Math.abs(x0-xf) > 25 ? 35 : 1;<br> var dir = xf>x0 ? 1 : -1;<br> var x = x0 + dx * dir;<br> at.style.top = x.toString() + "px";<br> if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}<br> }<br> </script><br> <div id="at"><br> <div class="attab" onclick="showHideAT()"> </div><br> <div class="atcontent"><br> <div align="center"><br> <div style="background:url() no-repeat;"><br> <br> <b><span style="color: red;">MASUKAN KODE CBOX/ BUKU TAMU DISINI</span></b><br> <br> </div><br> </div><br> <br /><br> <div align="center"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i1188.photobucket.com/albums/z403/pattah121/exitcoment.png" alt="close" title="Click here to Close Cbox" /></a></div><br> </div></div><br> <script type="text/javascript"><br> var at = document.getElementById("at");<br> at.style.top = (-200-at.offsetWidth).toString() + "px";<br> </script><br> <br/><br> <center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="<span style="color: blue;"><b>http://i1188.photobucket.com/albums/z403/pattah121/pattahsguestbook.png</b></span>" alt="cbox" title="Click here to open Guest Book" /></a></center><span style="color: rgb(255, 0, 0);">

  3.Klik Simpan.Selesai.
Nah Mudah bukan cara kita untuk mempercantikkan blog kesayangan kita,semoga bermanfaat dan sampai jumpa dipostingan saya berikutnya.