Minggu, 26 Februari 2012

Filled Under:

Cara Membuat buku tamu/shoutmix tersembunyi

Setelah sekian lama mencari-cari di Mbah Google akhirnya dapat juga trik yang satu ini. Dan tidak sesusah mencarinya, ternyata cara menggunakannya jauh lebih mudah untuk di ikuti. "Gimana gak mudah, orang cuma copy paste doang.. he he he..!!"

Mungkin kebanyakan orang sudah banyak yang tahu tentang tutorial ini, tapi buat yang belum tahu tenang aja, karena kali ini saya akan memberikan tutorial yang paling gampang untuk di ikuti. Dan saya yakin seorang pemula seperti saya sekalipun bisa melakukannya.

Ikuti langkah berikut:

  • masuk dulu ke akun Blog anda,
  • kemudian klik rancangan--Page Elements,
  • kemudian klik Add Gadget setelah muncul halaman baru pilih saja HTML/Java Script. Kemudian copy kode berikut lalu letakan di dalamnya.

    <style type="text/css">
    #gb{
    position:fixed;
    top:100px;
    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">


    Letakan Kode Shoutmix Anda Disini

    <br />
    <a href="http://trik-tutorials.blogspot.com/" title="Internet trik and tutorial">MyBlog</a>
    <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>

kalau sudah klik Save.

Udah deh selesai, gampangkan kan.?
kalau ada sedikit kekeliruan pada kode silahkan memberi komentar ya..
Selamat mencoba dan semoga sukses buat anda..!!!




0 komentar:

Posting Komentar