Entri Populer

Selasa, 18 Agustus 2009

Membuat widget (buku tamu) tersembunyi

liat widget buku tamu tersembunyi di samping tombol , caranya seperti ini

1. Loginlah dulu di Blogger > Tata Letak > Elemen Laman > Klik Tambah Gadget>HTML/Java Scripts..
2. Jika sudah buatlah nama pada widget yang baru ini... lalu Copy-Paste kode dibawah ini ke dalam widget HTML/Java Scripts tadi...



    <style type="text/css">
    .gb_fixed{
    position:fixed;
    top:0px;
    right:0px;
    z-index:+10;
    }
    * html .gb_fixed {position:relative;}
    #hidden_gb2 {
    display:none;
    border:2px solid #004831;
    background:#000000;
    padding:10px;
    padding-top:0px;
    }
    </style>
    <div class="gb_fixed">
    <table id="hidden_gb2" cellpadding="0" cellspacing="0">
    <tr><td>
    <div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style="color:red">[ Tutup ]</b></a></div>

    <!-- Begin ShoutMix - http://www.shoutmix.com -->
    <iframe scrolling="auto" width="250" frameborder="0" src="http://www6.shoutmix.com/?ichal13051991" height="400" title="ichal13051991">
    <a href="http://www6.shoutmix.com/?ichal13051991">View shoutbox</a>
    </iframe>
    <br/><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br/>
    <!-- End ShoutMix -->

    </td></tr></table>
    </div>
    <script src="http://sites.google.com/site/copycatgroup/Home/jsfile/hiddengb2.js"></script>
    <div style="z-index:+5" class="gb_fixed">
    <a href="javascript:void(0)" onclick="gb_showHideGB()">
    <img border="0" style="border:0px" src="http://i915.photobucket.com/albums/ac357/adiluvdv/buku-tamu_03.gif"/>
    </a>
    </div>
    </div>



Contoh di atas adalah 'Widget Melayang Shoutmix'

Keterangan :

Merah = Gantilah dengan kode Scripts Widget yang akan kamu tampilkan Misalnya kode Scripts Widget Shoutmix..
Biru = Gantilah dengan URL Gambar Tab kamu (atau pakai saja url gambar tab diatas tdi) .. Gambarnya bisa kamu buat dengan Program seperti Photoshop.. lalu kamu Upload/simpan gambar tsb di Photobucket ..baru kamu bisa mendapat kode url Direct Link gambar tdi..

4. Simpanlah dan Selesai dech^_^... namun sebaiknya posisi widgetnya di Bagian Tata letak di letakan paling bawah lalu klik simpan.. Untuk melihat hasilnya silahkan Refresh blog kamu.. Mudahkan.. ;-)

Tidak ada komentar:

Posting Komentar