Cara Membuat Buku Tamu Di Blog

Setelah Sebeluya Klinik-it memposting tentang cara Bagaimana membuat buku Tamu atau ShoutMix atau shutbox. kali ini klinik-it masih akan membahasnya..namun yang kali ini yang kali ini saya bahas adalah tentang tekhnik pemasangannya,kalo sebelumnya pemasangan buku tamu ini hanya dilakukan di sidebar ,kali ini Tips yang diberikan adalah tentang Cara Buat Buku Tamu Berada Disamping Blog, Dengan menggunakan Trik ini,jadinya Sobat bisa menghemat bagian sidebar. Dan juga trik ini adalah bagian dari cara mempercantik tampilan blog,yang tujuanya adalah supaya blog terlihat aktraktif dan dinamis.

Penasaran dengan Buku tamu yang ada disamping blog ? Kalo penasaran silakan sobat lihat sendiri contohnya di blog sobat klinik-it ini,Coba sobat amati bagian kanan atas blog tersebut, disitu terdapat image Bertuliskan Buku tamu dan coba sobat klik image tersebut,setelah di klik maka sebuah buku tamu akan muncul.

Langsung Ke TKP ya

Cara Buat Buku Tamu Berada Disamping Blog

1.Login ke blogger.

2.Klik Tatat Letak.

3.Klik Tambah Gadget.

4.Pilih HTML/javascript.

5.Copy dan Paste Kode ini

<br /> <style type="text/css"> #gb{ position:fixed; top:25px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('http://farm3.static.flickr.com/2771/4442306534_c1431ea4ce_o.png') no-repeat; } .gbcontent{ float:left; border:2px solid #1300F2; background:#FFFFFF; padding:10px; } </style><br /> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script><br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"></div><br /> <div class="gbcontent"><br /> <span style="color: red;">MASUKAN KODE BUKU TAMU DISINI</span><br /> <a href="javascript:showHideGB()"><br /> </a></div><br /> <div style="font-size: xx-small; text-align: right;">Cara Buat Buku Tamu <a href="http://www.blogger.com/%3Cspan" style="color: red;">"http://klinik-it.blogspot.com/2010/03/cara-buat-buku-tamu-berada-disamping.html" target="blank">disini</a><br /> <br /> widget by <a href="http://www.blogger.com/%3Cspan" style="color: red;">"http://www.klinik-it.blogspot.com" target="blank"> Klinik-it</a></div></div><br /> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

6.Hapus tulisan MASUKAN KODE BUKU TAMU DISINI yang berwarna biru dan ganti dengan kode buku tamu atau shoutmix blog kamu.dan URL itu ganti dengan URL kamu

7.klik simpan

Selamat mencoba