Cara membuat buku tamu melayang di blog

    Buku Tamu (ShoutMix) di Blog memang menaruh buku tamu melayang di blog sangat bermanfaat sekali, karena dengan adanya buku tamu pengunjung Blog kita lebih mudah untuk bertanya dan berinteraksi tanpa harus meninggalkan komentar di salah satu posting.







Nah yang ingin saya bahas saat ini adalah Membuat Buku Tamu (ShoutMix) Melayang di blog.
Memang cara ini mempunyai banyak keuntungan untuk blog kita,karena kita tidak perlu menghabiskan banyak tempat di sidebar blog kita karena Buku Tamu Melayang ini akan mengikuti kemana pun Cursor naik atau turun.

Cara Pemasangan Buku Tamu (ShoutMix) Melayang di blog
1. Pertama simpan terlebih dahulu  kode ShoutMix anda yang lama ke dalam Notepad
2. Login ke Blog
3. Klik Rancangan - Edit Laman
4. Pilih Tambah Gadget - HTML/JavaScript
5. Copy kode dibawah ini dan masukan kedalamnya

<style type="text/css"> #gb{ position:fixed; top:50px; 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/AVvXsEgb1KOoZPLS2eKMW14KZChm6XLnVJLRKmB9pdq212iYCaQU-ND7mPREM0PP20X3wPtYMVM3j6ORG7OIV4xdBspTaRwerjMKUVM61xwrQ17JGDueMZhshtCVwk1XAs0KRrGJYQtYm-tZXoKs/') 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">KODE SHOUTMIX <br/> Anda berminat buat Buku Tamu seperti ini?<br/> <a href="http://ariefhellion.blogspot.com/2013/03/cara-membuat-buku-tamu-melayang-di-blog.html"> Klik disini </a> <div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div> </div> </div> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script>

6. Save

KET: KODE SHOUTMIX Ganti dengan kode shoutmix anda

Selamat sekarang anda sudah memilik Buku Tamu Melayang di blog anda.

Artikel terkait :