Cara Memasang "Guest Book" Bak Iklan PPC ~ Situs Gratisku

Cara memasang dan meletakkan widget 'Guest Book' (Buku Tamu) untuk sebuah blog sangatlah variatif, semua tergantung selera dan keinginan masing-masing pemilik blog. Namun demikian, si pemilik blog tentu ingin setiap pengunjung mengisi 'Guest Book' tersebut yang biasanya berisi link yang mengarah pada situs / weblog si pengunjung itu sendiri. Oleh karena itu sangat disarankan memasang 'Guest Book' pada tempat-tempat yang strategis, yang dengan mudah bisa dilihat oleh pengunjung dan juga 'disembunyikan'. Pada gambar dibawah anda dapat melihat Text Link yang bertuliskan [CLOSE] [Klik 2x] yang fungsinya untuk menyembunyikan 'Guest Book' tersebut sehingga tidak mengganggu pengunjung saat membaca artikel posting pada blog anda. Bagaimana? Menarik bukan? 'Guest Book' akan terlihat seperti iklan PPC..

Klik untuk memperbesar gambar

Cara pemasangannya adalah sebagai berikut:

Seperti biasa, anda harus masuk ke dasbor Blogger anda terlebih dahulu
Pilih RANCANGAN, kemudian klik TAMBAH GADGET
Scroll pointer sedikit ke bawah, pilih HTML/JavaScript
Masukkan kode ini

<a onblur="try {parent. deselectBloggerImageGracefully();} catch(e) {}" href=""><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 0px; height: 0px;" src="" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a><br /> <br /> <br /> <style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;}   .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; padding:10px; } </style><br /> <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.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script><br /> <br /> <div id="gb"><br /> <div class="gbtab" onclick="showHideGB()"></div><br /> <div class="gbcontent"><br /> <div style="text-align:right"><a href="javascript:showHideGB()"><br /> [CLOSE] [KLIK 2x]<br /> </a><br /> </div><center><br /> <br /> MASUKKAN KODE JAVASCRIPT GUEST BOOK DISINI..!!<br /> <br /> </center><br /> <br /> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></div></div><br />