Hari ini :
 

Jumat, 21 Mei 2010

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('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">
    <-- 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 ....

    3 komentar:

    Anonim mengatakan...

    Mantabs sob artikelnya langsung ane sedot yach ....

    Anonim mengatakan...

    Langsung aja sob ane CP ya ...lama cari kagak ketemu,kalau ketemu blm tentu pas ..ttp scribs yang ini pas mantab ...

    ayundha mengatakan...

    Silahkan langsung di sedot aja..moga berhasil ....copasx

    Posting Komentar

    Please leave Your Comment,Before Going To Other website But Don'T Spam .....

    My Best Regard
    Ayunda

     
    Powered By Blogger

    © 3 Columns Newspaper Copyright by Tutorial Blog, Semua Tentang Blog | Template by Blogger Templates | Blog Trick at Blog-HowToTricks