Membuat Buku Tamu di Blogger

 Sedikit berbagi blogger tips nih sob. Khususnya buat sobat blogger yang masih newbie sama seperti saya . Blogging selain sebagai media untuk menyalurkan sebuah hobi dan menuangkan ide-ide yang kreatif agar bisa bermanfaat buat orang lain bisa juga bermanfaat sebagai media untuk menambah teman. Meskipun tujuan seperti itu lebih ngetrend dalam dunia jejaring social katakanlah facebook, twitter, moexlim, facelim dan masih masih banyak lagi. Karena tak dapat dipungkiri pertumbuhan situs jejaring social terus naik. Nah salah satu tools dalam berblogging ria yang memudahkan berkomunikasi sesama sobat blogger ialah dengan membuat buku tamu dalam main page blog kita. Tools ini ada macam-macam yang mungkin yang baru saya ketahui baru dua dan banyak sekali sobat blogger yang juga menggunakannya. Tools tersebut ialah ShoutMix dan Cbox.

Kedai info sendiri menggunakan Cbox, untuk kelebihan dan kekurangan diantara keduanya mungkin akan kita bahas dilain waktu aja ya sob. Tentunya sobat blogger bisa memilih sendiri mana yang disukai. selain memudahkan dalam berkomunikasi sesama blogger yang pastinya kita juga akan mendapatkan traffic blog yang bagus di situ. Trust me.. It works ! Ups.. mirip iklan he.. Oke langsung saja ikuti langkah-langkahnya untuk membuat buku tamu seperti yang ada pada blog Kedai Info yang saya kasih nama Chat Box nih sob.

Langkah-langkah :

-Login dulu ke Blogger.

-Masuk Menu Rancangan.

-Klik Tambah Gadget.

-Pilih HTML/Javascript.

-Lalu copy dan paste script dibawah.

<style type="text/css"> #hitsukeFX{ position:fixed; top:50px; z-index:+1000; } * html #hitsukeFX{position:relative;} .hitsukeFXtab{ height:550px; width:35px; float:left; cursor:pointer; background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdpUi2C87utZgJw2PzxV_xxIzHNvnBSj6SYBDK8OQp8fFermPmS2QdphLAz_lWIVybjxZ23aAUVv3EBveHmZPRVTXLhijUXxFaV50BIWOQ5FF7UF3Dz45reLZ4vLpbFuzFT1fwbsb06IAg/s800/CHATBOX%20copy.png') no-repeat; } .hitsukeFXcontent{ float:left; border:2px solid #ffffff; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; background:#000000; padding:10px; } </style> <script type="text/javascript"> function showHidehitsukeFX(){ var hitsukeFX = document.getElementById("hitsukeFX"); var w = hitsukeFX.offsetWidth; hitsukeFX.opened ? movehitsukeFX(0, 40-w) : movehitsukeFX(40-w, 0); hitsukeFX.opened = !hitsukeFX.opened; } function movehitsukeFX(x0, xf){ var hitsukeFX = document.getElementById("hitsukeFX"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; hitsukeFX.style.right = x.toString() + "px"; if(x0!=xf){setTimeout("movehitsukeFX("+x+", "+xf+")", 10);} } </script> <div id="hitsukeFX"> <div class="hitsukeFXtab" onclick="showHidehitsukeFX()"> </div> <div class="hitsukeFXcontent">

>>>PASANG SCRIPT CODE CBOX ATAU SHOUTMIX DI SINI<<<

<div style="text-align:right"> <a href="javascript:showHidehitsukeFX()"> [hide] </a> </div> </div> </div> <script type="text/javascript"> var hitsukeFX = document.getElementById("hitsukeFX"); hitsukeFX.style.right = (40-hitsukeFX.offsetWidth).toString() + "px"; </script><a href="http://kedaiinfo.blogspot.com/2011/03/membuat-buku-tamu-di-blogger.html">Get this!!!Klik Here</a>

- Klik Simpan.

Apabila sobat blogger pengen merubah tulisan Chat Box yang ada, sobat blogger bisa menggantinya dengan image design sendiri yang lebih oke dengan mengganti URL pada script yang berwarna hijau di atas dengan URL dimana image tersebut di simpan. Semoga bermanfaat