Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog

Cara Membuat Buku Tamu Melayang Di Sisi Kanan Blog - mungkin Shobat sudah tau yang dinamakan buku tamu, buku tamu ini berfungsi untuk pengunjung yang barang kali ada yang mau atau meminta admin blog mempostingkan hal terbaru dan msih bnyak juga fungsinya,intinya buku tamu ini alat untuk berkomunikasi antar blogger.

langsungsaja ikuti tutor di bawah :

1. langkah awal anda masuk dulu ke Cbox
2. lalu masuk akun Cbox shobat atau kalau shobat belum punya tinggal sign Up Cbox
3. jika shobat sudah mendaftar maka shobat akan di bawa ke fropil Cbox shobat dan bisa desain
   sendiri oleh shobat.

Dan langkaah selanjutnya COPAS Script di bawah ini :

<style type="text/css">#gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:100px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicxJQMhRwBXUPJN9fFt1KPO-1YCkg5PjlXwM0-t7BQH_5mhl9qnOruDMn2leCPCSm0krQPtGk191Jf7n2iqG0p4m9qNzsMN3_whgVvnb_AG-gk7_xJpDMLEok8E24HCojrTRt2OA2jDNA/s1600/bukutamu.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; padding:10px; } </style><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><div id="gb"><div class="gbtab" onclick="showHideGB()"> </div><div class="gbcontent">Silakan Pasang Kode Buku Tamu yang sudah di copy tadi Di Sini <div style="text-align:right"><a href="http://abelavriyanno.blogspot.com/2012/04/cara-membuat-buku-tamu-melayang-di-sisi.html">[get this widget]</a>><a href="javascript:showHideGB()">[Tutup] </a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div></div>

Cara memasang Cbox di atas :

1. Masuk ke blogg shobat
2. Pilih Tataletak/layout
3. Add gadget/tambah gadget
3. Pilih edit HTML/javascript
4. Masukan Script yang tadi telah shobat Copy
5. And the last Save

NB : Ganti tulisan yang berwarna merah dengan Cbox/Buku tamu shobat

       Untuk megubah ukuran Buku tamu shobat :

height:100px;

width:30px;

Ganti dan sesuaikan dengan keinginan Shobat

simple bukan !! dan lihat hasilnya.

Kumpulan skinPack Windows 7 64bit