Cara Memasang Buku Tamu yang Tersembunyi

Assalamu'alaikum sobat blogger yang keren2 dan unyu2 #halah
Aku lagi pamer template baru nih, lebih simpel, enteng, dan gak ribet samasekali dari template yang dulu, hehe :D

Kali ini aku ngerayainnya pakek postingan yang satu ini, yaitu "Cara Memasang Buku Tamu yang Tersembunyi"
itu lho yang biasanya nempel di sisi kanan atas website.
biasanya pakek Cbox itu lhoo.

yaudah deh, aku mau bagi-bagi caranya
nih cekedet :

1. Pertama-tama kita daftar dulu ke cbox.ws dan masuk ke blogger 

2. Setelah daftar, kita masuk ke menu Cbox nya, klik kolom "Publish!" disebelahnya "home"

3. Langsung aja lihat "step 3" di menu nya, lalu copy aja semua code nya (itu adalah code cbox kalian)

4. Lalu kita kembali ke blogger >> "desain" >> "tambah gadget" >> lalu pilih "HTML/Javascript" aku memakai blogger tampilan lama

5. Terus tinggal masukkan code 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/AVvXsEjw9LZeqwbm7CU3w651v4kf8HW7RhYmZtN6veoiQEBuUR-iNIMKj_fNgiwYABkpS6QcSEMekM3Ic8QRCQo8U3fS6bDmuuIuR2HW_mRjA57F0C3nsaFGIqRsMAp9sFwCzvpJHczjG8F25R0/s1600/bukutamu.png') no-repeat; } .gbcontent{ float:left; border:2px solid #A5BD51; background:#F5F5F5; 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"><div class="gbtab" onclick="showHideGB()"></div><div class="gbcontent"><br /> MASUKKAN KODE CBOX KAMU DISINI<br /> <br /> <div style="text-align:right"><a href="http://hamimbudiman.blogspot.com/2012/08/cara-memasang-buku-tamu-yang-tersembunyi.html">Mau buku tamu kayak gini?</a><br /> </div></div></div><script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>


6. Lalu tinggal klik "Simpan"

7. Selesai beres dah

Note :

tulisan "MASUKKAN KODE CBOX KAMU DISINI" diatas, ganti dengan code Cbox kamu yang udah di copy tadi.

SELAMAT MENCOBA

SEMOGA TIDAK BERHASIL!!