Cara Membuat dan Pasang Widget Gratis Buku Tamu di Blog

Cara Membuat dan Pasang Widget Gratis Buku Tamu di Blog

- Selamat Malam Sahabat , Bagaimana kabarnya , Semoga kita semua tetap dalam lindungan Tuhan Yang Maha Esa ya Sob. 

Bagi sahabat yang tertarik untuk membuat dan memasang widget ini dipersilahkan menyimak pembahasan yang akan saya bagikan. Bagi sebagian Blogger tentu nya ingin mendapat pengunjung yang banyak di blog nya bukan ?. Nah Widget gratis buku tamu ini merupakan salah satu cara yang bisa untuk meningkatkan traffic blog kita. Lho kok bisa?. Jawaban saya ya bisa donk ,dalam widget gratis Buku tamu di blog ini akan menjadikan salah satu parameter seberapa banyak pengunjung yang mengunjungi blog sahabat. Bagi yang cuma lihat lihat blog sahabat ya mungkin tidak bisa langsung sahabat lihat. Keuntungan Memasang Widget gratis Buku Tamu di blog adalah :

Buat Pemilik Blok : Bisa meningkatkan Traffic di blog itu sendiri , Jika pengunjung melihat daftar buku tamu yang banyak dalam blog tentu mengindikasikan bahwa blog tersebut ramai pengunjung dan keuntungan buat pengunjung menulis di buku tamu juga bisa meningkatkan traffic blognya karena telah meninggalkan link di blog yang ramai pengunjung. Nah jadi tidak ada ruginya kan memasang Widget Buku tamu di blog sahabat sendiri

 Widget Gratis Buku Tamu di Blog SEO

Sekarang saya akan langsung saja dengan memberikan Tutorial langkah langkah yang harus  di ambil dalam memasang widget ini

1. Silahkan sahabat Login dulu ke Blogger.com

2. Selanjutnya sahabat pilih Layout atau Rancangan 

3. Pilih Add a Gadget >> HTML Javascript

4. Silahkan sahabat Copy Paste Kode yang saya bagikan di bawa ini :

<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/AVvXsEi5VzBAHtBgGLufHG_UX5Ka0vXrVG7KCKGSu-BgfwlorU8OplswlzJvaz1oaFfKmiOFlesmE0JpBvihPK74FaUVHeFyO69WhQsyHRx8uzHmJ2Cy0XwZuXX4WS-hMzKvcl1Y4_ua-qmmlVRn/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.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">   <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sahabat <!-- END CBOX --> <br/>Ingin Widget ini ?<br/>Klik <a href="http://blog-seo-friendly-2013.blogspot.com/2013/05/tutorial-pasang-buku-tamu-di-blog.html"target="_blank"> di sini </a> <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>

Silahkan sahabat Ganti <!-- BEGIN CBOX - www.cbox.ws - v001 --> Code CBox milik sahabat <!-- END CBOX --> dengan Kode CBox Milik sahabat sendiri. Jika sahabat belum mempunyai Code CBox sendiri, sahabat bisa mendapatkan Code nya secara gratis dengan mendaftar di www.cbox.ws . Silahkan sahabat kunjungi link tersebut kemudian klik Sign Up ( Gratis ) menggunakan email sahabat sendiri. Setelah proses Sign Up selesai silahkan sahabat cek email sahabat dan klik activation link . Setelah itu Login .
Copy Paste Code yang sahabat peroleh dari website itu ke dalam code yang saya berikan diatas

5. Klik Simpan

Nah Mudah bukan memiliki Widget gratis buku tamu sendiri di Blog. Jika sahabat menemui masalah seputar pembahasan tentang Tutorial