Cara sembunyikan shoutbox di sidebar

Salam Pembaca Blog di label tutorial blog, Jika sebelumnya saya membahas cara daftar shoutmix dan cara menaruhnya di blog di blog nah Tutorial kali ini akan menunjukkan tutorial untuk Cara sembunyikan buku tamu/shoutbox anda di blog.

Tujuan disembunyikannya shoutbox ini adalah untuk membuat halaman yang lebih mantap dan mungkin juga untuk tampil unik berbanding blog-blog lain.

Berikut Tutorial Sembunyikan Shoutbox simak baik-baik ya sobat :

1. Login akun blogger anda, dari Dasbor > Rancangan > Elemen Laman > Tambah Gadget > HTML/Javascript.

2. Copy dan paste kode berikut ke ruangan html/javascript

<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/AVvXsEhB0ITuAe8-cRSpIRzHTs_ST3ds0B75EekedyiThK_i9Jn9ayGYXch6jQO170uCJSxmcpp_4ViZeoekuVsm-Ug-YGPArrdtk4SQgIjxjoiwEhyzzp1v6TSYNfMOHA2buov8d1lHzmbF6dfO/s1600/buku+tamu+di+klik+label.jpg') no-repeat;}.gbcontent{float:left;border:2px solid #666666;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 SHOUTBOX DISINI
<div style="text-align:right"><a href="http://tutorialuntukblog.blogspot.com/2011/09/tutorial-sembunyikan-shoutbox-blog.html" target="_blank"><small>cara membuatnya disini</small></a><a href="javascript:showHideGB()">[close]</a></div></div></div><script type="text/javascript">var gb = document.getElementById("gb");gb.style.right = (30-gb.offsetWidth).toString() + "px";</script>

Keterangan :

Gantikan "KODE SHOUTBOX DISINI" dengan kode shoutbox anda
Tulisan yang berwarna merah background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB0ITuAe8-cRSpIRzHTs_ST3ds0B75EekedyiThK_i9Jn9ayGYXch6jQO170uCJSxmcpp_4ViZeoekuVsm-Ug-YGPArrdtk4SQgIjxjoiwEhyzzp1v6TSYNfMOHA2buov8d1lHzmbF6dfO/s1600/buku+tamu+di+klik+label.jpg'),anda bisa menukar gambar tersebut dengan url yang anda inginkan.

Jika kalian ingin yang mudah anda copy saja url dari gambar yang sudah Blog si Asep buat ini :

sekian tutorial ini ,semoga bermanfaat bagi pembaca label tutorial blog.Terima kasih telah membaca.

Salam pembaca label tutorial blog !!