3 Cara Membuat Buku Tamu Cbox Auto Hide/Slide diBlog

Tutoial ini saya tunjukan buat kalian semua dengan gratis !! . Tutoialnya adalah Cara Membuat Buku Tamu Cbox Auto Hide/Slide diBlog. Jika blog kalian rasanya ada yang kurang, mungkin yang kurang adalah buku tamu. Buku tamu diblog berguna salah satunya untuk memberi saran kepada sang pemilik blog. Meskipun diblog sudah ada kotak komentar tapi lebih baik diberi buku tamu saja. Kali ini tutorialnya dengan menggunakan CBox/ Chat Box jika belum mendaftar silahkan daftar Disini. Jika kalian ingin memasang buku tamu cbox diblog kalian dengan auto hide/slide trus melayang diblog ini dia tutorialnya:

1. Silahkan login dahulu diblogger

2. Kemudian pilih tata letak - add gadget/tambah gadget - pilih HTML/Java Script . Kemudian Paste Script Dibawah ini .

Script Buku Tamu

<style type="text/css"> #gb{ position:fixed; top:23px; 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/AVvXsEiPwpBAbuPK1xmXR4BD0LPR8NF4uN-r_fMdp0VKQV_HsVaxbdlh87mDvvfmR6Scdc4WaykQZzYIb0s5oZ5bUWbOUqyAhtP-AS70c11ML8AkfbenuVs6sZF1YYK7cKiuVKJ5Ki8AZCLPBcow/') 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"> Masukkan Script Cbox Kalian Disini <br/> <div style="text-align:right"> <a href="javascript:showHideGB()"> [Close] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

 Keterangan : 
 - Teks yang berwarna merah adalah background buku tamu. Kalian bisa menggantinya sesuai keinginan.
 - Teks yang berwarna biru adalah tempat kalian memasukkan script Cbox /Chat Box kalian.

3. Kemudian klik simpan , dan lihat hasilnya.

Jika sobat tidak tahu cara mendapatkan script CBox  ini caranya :

1. Login dahulu ke CBox .

2. Kemudian pilih menu Publish!

3. untuk Step 1 pilih Blogger/Blogspot, untuk step 2 pilih Inline (default), untuk step yang ketiga klik copy to clipboard .

 Kemudian cara memasangnya untuk yang biasa atau tidak asli:

1. Login dahulu diblogger

2. Pilih tata letak - tambah gadget - pilih HTML/Java Script

3. Paste Script tadi

4. Simpan .

Untuk yang keren atau tidak biasa , tutorialnya diatas :D.

Gampangkan cara memasang buku tamu dengan menggunakan CBox. Oke sekian artikel ini , bila ada something komen aja. Thanks.

Get free daily email updates!

Follow us!

Ditulis Oleh : Unknown~Media Informasi dan Sharing~

Sobat sedang membaca artikel tentang Cara Membuat Buku Tamu Cbox Auto Hide/Slide diBlog. Sobat, diperbolehkan mengcopy-paste atau menyebar luaskan artikel ini. Tapi, jangan lupa mencantumkan link sumbernya dibawah ini. http://ndalimin.blogspot.com/2012/07/cara-membuat-buku-tamu-cbox-auto.html