BUKU TAMU MINIMALIS

Menurut saya buku tamu sangat penting untuk sebuah blog. Tanpa buku tamu, kita tidak bisa tahu siapa saja yang pernah menginjakkan jari alias mampir ke blog kita. Tanpa buku tamu, setiap pengunjung blog kita tidak dapat meninggalkan jejaknya. So, buku tamu memang sangat dibutuhkan untuk sebuah blog. Akan tetapi jika blog kita penuh dan rasanya sudah tidak ada tempat lagi untuk meletakkan sebuah buku tamu, maka yang harus kita lakukan yaitu membuat buku tamu tersembunyi, sehingga tidak akan mengganggu blog kita yang sudah penuh.

Caranya adalah sebagai berikut :
1. Copy code html di bawah ini

<br /><style type="text/css"> <br />#gb{ <br />position:fixed; <br />top:50px; <br />z-index:+1000; <br />} <br />* html #gb{position:relative;} <br /> <br />.gbtab{ <br />height:100px; <br />width:30px; <br />float:left; <br />cursor:pointer; <br />background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Q8MhTgmD3-uai1i6r1Wd6kkKNj0eHuWDIQv59FhnxpyNhw9suy3I1VK6lsTILvYdv5cFkZsDKDK5YbF2eIeNqGYJXTAOaxblVY10Pi11r-1CqGVyoK_6V83_gyilSKI6yQjckgDLxfA/') no-repeat; <br />} <br />.gbcontent{ <br />float:left; <br />border:2px solid #A5BD51; <br />background:#F5F5F5; <br />padding:10px; <br />} <br /></style> <br /> <br /><script type="text/javascript"> <br />function showHideGB(){ <br />var gb = document.getElementById("gb"); <br />var w = gb.offsetWidth; <br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); <br />gb.opened = !gb.opened; <br />} <br />function moveGB(x0, xf){ <br />var gb = document.getElementById("gb"); <br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1; <br />var dir = xf>x0 ? 1 : -1; <br />var x = x0 + dx * dir; <br />gb.style.right = x.toString() + "px"; <br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} <br />} <br /></script> <br /> <br /><div id="gb"> <br /> <br /><div class="gbtab" onclick="showHideGB()"> </div> <br /> <br /><div class="gbcontent"> <br /> <br />BUKU TAMU ANDA <br /> <br /><br/> <br />Mau punya buku tamu seperti ini?<br/> <br />Klik di <br /><a href="http://bandung-wae.blogspot.com/2010/11/buku-tamu-minimalis.html"> <br />sini (Info Blog) <br /></a> <br /> <br /><div style="text-align:right"> <br /><a href="javascript:showHideGB()"> <br />[tutup] <br /></a> <br /></div> <br /> <br /></div> <br /> <br /> <br /><script type="text/javascript"> <br />var gb = document.getElementById("gb"); <br />gb.style.right = (30-gb.offsetWidth).toString() + "px"; <br /></script>
2.Login ke blog anda
3.masuk ke page element
4.Add html/java script
5.Paste code html di atas
6.Save, kemudian view blog untuk menampilkan hasilnya.
7.Selamat mencoba.

  buku tamu, cara membuat, Tips       Edit