Membuat shoutmix Sembunyi

Shoutmix... dari kata ini mungkin sobat juga uda mengenal apa itu shoutmix, buat apa, dan bla..bla..bla... oke sekarang kita langsung pada intinya tentang shoutmix yang bersembunyi,, napa ya apa malu, atau ga PD, haha,, yang jelas kita buat shoutmix tersembunyi paling tidak untuk menghemat halaman sidebar blog kita,,,,
Kan lumayan tuh tempatnya bisa di isi untuk tempat yang lain,,
Menghemat tempat atuh,,hwe,,
Kita mulai aja ya Tutorial-nya, Tutorial ini saya pelajari dari blog punya temansaya.

Langkah-langkahnya :
1. Sebelumnya anda harus punya akun dulu di shoutmix. Klo belum tinggal daftar dulu disini

2. Setelah sudah dapat akunnya tinggal buat agar shoutmix tersebut tersembunyi,,

3. Login dulu di blog sobat..

4. tendang tab layout/tata letak..

5. tendang lagi tambah halaman

6. klik tambah Gadget, pilih HTML/java script

6. Copy-Paste Kode ini....

       <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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI /AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">

<br/>

<div style="text-align:right">
<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></div></div>

      Untuk kode yang di kasih warna kuning dapat sobat ganti dengan kode shoutmix sobat....

Beres deh Tutorial-nya...
Oia tidak lupa untuk salah satu teman saya yang pesan Tutorial ini, maaf klo agak telat ya...

Oia sob klo uda baca jangan lupa komen ya...,,,

Enjoy... n Gut Luck...

(Sumber : http://forantum.blogspot.com)

Catatan ZoeL

Membuat shoutmix Sembunyi

Label