Membuat Shoutmix Sembunyi

Membuat shoutmix yang tersembunyi sangat berguna untuk mengurangi space di halaman utama sebuah website walaupun bisa juga dengan cara membuatkan sebuah scrollbox,namun untuk shoutmix yang tersembunyi

memiliki penampilan yang sangat menarik untuk di coba & di pasang pada website kita.Kalau ingin menggunakannya silahkan :

• Login ke Account blogger
• Masuk ke Tata Letak
• Tambah Gadget pilih yang di sidebar(kebetulan saya pilih yg sidebar)
• HTML/Javasript

Kemudian Copy paste scripts dibawah ini :

<style type="text/css">
    #gb{
    position:fixed;
    top:200px;
    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/AVvXsEhq0wbEB2vbIQW6ZUndJUwOJ0A1q1ZWzV_4_3fi6u8cWb3Vb2Pw7C6Af2bZS9gvEzVcM5aG0s5GlAOkDsi49hy5WXQjPoTVAb8goQalVtdnmkJAFbhLvA0kmKQag0kLruCNUiJa0d08ovou/') 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">
    <-- Ganti dengan Kode Shoutmix anda --->
    <br />
    <br />
    <a href="http://blogyundha.blogspot.com">.
    </a>
    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    [close]
    </a>
    </div>
    </a></iframe></div>
    </div>
    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script>

Untuk text berwarna biru menentukan posisi shoutmix (atas / bawah/tengah)tergantung keinginan saja)

Selamat mencoba dan semoga berhasil ....