Cara Menyembunyikan Shoutmix Di Sidebar

Sobat blogger tercinta mungkin bila shobat berkunjung ke blog ini shobat akan menemukan tombol disebelah kanan yang berwarna hijau yang bertuliskan "BUKU TAMU".

nah bila shobat klik tombol tersebut maka akan muncul box shoutmix yang berguna untuk mengirimkan pesan atau mengisi buku tamu buat orang yang berkunjung ke blog shobat. nah mungkin shobat sekaliyan ada bertanya tanya gimana sih cara menyembunyikan shoutmix tersebut. sebab biasanya shoutmix tersebut hanya kita pasang pada sidebar blog kita.

nah..nah, dari tadi kok naha nah terus sih emang nggak ada kata lain, yup pada postingan kali ini saya akan share sedikit cara menyembunyikan shoutmix tersebut, biar lebih menghemat tempat di blog shobat. dan caranya sangat mudah sekali kok. cara ini saya temukan di blognya kang salman. waktu aku blogwalking.

dan berikut ini caranya:

1. Seperti biasa mausk ke blogger anda.

2. Lalu pilih tata letak/rancangan.

3. Lalu pilih tambah gadget. dan klik HTML/java script.

4. Dan masukkan code berikut ini pada kolom HTML/java script tersebut.


<style type="text/css"><br />#gb{<br />position:fixed;<br />top:50px;<br />z-index:+1000;<br />}<br />* html #gb{position:relative;}<br />.gbtab{<br />height:100px;<br />width:30px;<br />float:left;<br />cursor:pointer;<br />background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqQ7UphyQpSWN6F27qW9ATViPz-im1Itv8nJzIkqy8vj85nPzC8MgeKPUcowXEHlzCu5y1ETM2aRgqHP-299a_1sDV4KW4B2D6Jqwk3MJWxZ7sIS8Hs0hzo2LVy6vnQ1EMVmLxpdno9m_J/') no-repeat;<br />}<br />.gbcontent{<br />float:left;<br />border:2px solid #A5BD51;<br />background:#F5F5F5;<br />padding:10px;<br />}<br /></style><br /><script type="text/javascript"><br />function showHideGB(){<br />var gb = document.getElementById("gb");<br />var w = gb.offsetWidth;<br />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br />gb.opened = !gb.opened;<br />}<br />function moveGB(x0, xf){<br />var gb = document.getElementById("gb");<br />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br />var dir = xf>x0 ? 1 : -1;<br />var x = x0 + dx * dir;<br />gb.style.right = x.toString() + "px";<br />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br />}<br /></script><br /><div id="gb"><br /><div class="gbtab" onclick="showHideGB()"> </div><br /><div class="gbcontent"><br />Pasang Iklan Gratis<br /><br /><br />http://kolom-banner.blogspot.com<br /><br /><br /><br />Taruh Script ChatBox/ShoutMix Anda Disini<br /><br /><a href="javascript:showHideGB()"><br />[Clos]<br /></a><br /></div><br /><br /></div><br /><br /><script type="text/javascript"><br />var gb = document.getElementById("gb");<br />gb.style.right = (30-gb.offsetWidth).toString() + "px";<br /></script><br /><br />Widget by Kang Salman 


5. lalu klik simpan.