Cara Membuat Buku Tamu Menggantung di Blog

ZULKHISHARE™ - Kali ini saya akan share tentang artikel tutorial blog lagi. Apakah anda ingin mempunyai teman atau rekan blog dari orang lain dan dapat berkomunikasi? mungkin tentunya anda ingin memilikinya. Chat Box ini dapat berkomunikasi oleh orang lain tentang blog, promosi, dll. Tentunya ini harus anda protection agar tidak ada orang yang komentar yang tidak-tidak.


1. Login ke Blogger
2. Pilih tab Tata Letak > Tambah Gadget > HTML/Java Script
3. Copy Paste kode di bawah ini lalu paste ke HTML/Java Script yang telah dipilih

<style type="text/css"> #gb{ position:fixed; top:50px; z-index:+1000; } * html #gb{position:relative;} .gbtab{ height:150px; width:30px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTPXpRwoREaZa3B_nEovZeB0EhRY4J8DIa5SdvXZq4XC7jkt2-JC4OzOlIHRItDdJbs8D-r3UByDSCXURdmgh95fr0kRC8jSdxG_3x-KMsusHX-dCuSKtOuYmmEUQkwKIFtjp6-t93ZmzM/s1600/buku+tamu.png') no-repeat; } .gbcontent{ float:left; border:1px solid #B3B3B3; background:#E6E6E6; padding:5px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opeFned ? 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"> <!-- BEGIN CBOX - www.cbox.ws - v001 -->isi disini<!-- END CBOX --> <br/> <div style="text-align:right"> <a href="javascript:showHideGB()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

2. Anda harus daftar ke Cbox.ws
3. Setelah anda mendaftar lalu login ke Cbox
4. Lalu isikan data-data yang harus diisi
5. Masuk ke tab "Publish!" lalu isi data sesuai keinginan anda
6. Setelah selesai, lalu Copy to clipboard kode dari Cbox ke Java Script tadi.
7. Setelah selesai, lalu save.

NB : Massukan kode dari Cbox pada tulisan "di sini" pada antara BEGIN CBOX dan END CBOX jika begin cbox dan end cbox ada dua setelah anda paste ke java script tadi, hapuslah salah satu.

RELATED ARTICLE