Cara Memasang Buku Tamu Tersembunyi di Samping di Blog

Holla bray n sist, bertemu dengan ayas lagi deh.. hehehee
Oiya kali ini ayas mau share sesuatu ke kalian, sedikit ilmu blogging yang ayas dapat dari blog sebelah, Cara Membuat Buku Tamu Tersembunyi di Samping Blog. Kalau sebelumnya ayas pernah menulis artikel Cara Membuat/memberi Buku Tamu untuk Blog, maka kali ini ayas akan share tentang cara memasang buku tamu agar bisa tersembunyi di samping blog kita. Caranya mudah sekali, ikuti instruksi berikut:

• Login ke akun blogger
• Masuk ke pengaturan tata letak / layout
• Klik Tambah Gadget / Add a Gadget
• Kemudian copy kode berikut :

<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/AVvXsEjvFOYwUVYR8E2FhJHQV096EURs78OW5GwQg7fukKOsnmWzVUcqnk_xtONxAwhlBLIsDhev1cZYf3bGB8vL3McqUsuyehIK6XTlbBf2-7IzUZYv__tVppGkqGuRpsTUeRl-wNZqOriGD3m6/') 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">
 LETAKKAN KODE CHATBOX DISINI
<div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div>
</div>
<script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>

• Paste kode tersebut kemudian klik simpan
• Tulisan dengan highlight kuning tersebut bisa kalian beri kode chatbox, widget, atau kode chatting apapun
• Hasilnya bisa dilihat disebelah kanan blog ini

Oke, sekian artikel dari ayas, moga sedikit ilmu yang baru ayas dapat bisa bermanfaat bagi kalian semua.
Sampai ketemu lagi di artikel selanjutnya. Salam blogger.. :D