Membuat Buku Tamu Tersembunyi

Template Anda sudah penuh dengan berbagai Widget?tapi, kalau Anda ingin menambahkan buku tamu bagaimana?Solusinya adalah disembunyikan seperti Buku Tamu yang saya miliki di sebelah kanan ini.
Tanpa panjang lebar, kita mulai prakteknya.

  1. 1.Masuk ke account Blogger kamu, 
  2.  
  3. pilih “Layout” kemudian “Page Elements”,
  4.  
  5. Klik “Add a Gadget” (yang mana aja oke), kemudian pilih “HTML/JavaScript”,

  1. Copy-paste kode di bawah ini:


    #gb{
    position:fixed;
    top:50px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbtab{
    height:147px;
    width:50px;
    float:left;
    cursor:pointer;
    background:url(‘http://2.bp.blogspot.com/_G6HGgVqdzaU/TNsNKIvDdcI/AAAAAAAAAOw/EVk0E_-X7bs/s1600/123.png’) no-repeat;
    }
    .gbcontent{
    float:left;
    border:5px solid #525252;
    background:#E5E5E5;
    padding:10px;
    }

    function showHideGB(){
    var gb = document.getElementById(“gb”);
    var w = gb.offsetWidth;
    gb.opened ? moveGB(0, 50-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);}
    }

      

    View shoutbox

    Mau punya buku tamu seperti ini?

    Klik di

    sini (Info Blog)

    var gb = document.getElementById(“gb”);
    gb.style.right = (50-gb.offsetWidth).toString() + “px”;

     

  2. Pada kode di atas, cari kode dan ganti kode tersebut dengan kode buku tamu yang Anda dapatkan dari situsnya,
  3. Anda juga bisa atur posisinya. Ubah aja nilai atribut top-nya. Kalau mau lebih ke atas dikit, ubah jadi 30px atau 20px, terserah Anda..
  4. Selamat mencoba!

Catatan: di kode di atas saya pasang backlink ke post ini, kalau Anda mau berbaik hati, tolong backlink-nya jangan dihapus, ya!😀

Donasi Anda akan sangat berharga untuk Kami

ATAU di
LibertyReserve
U2815283

This entry was posted in Artikel Menarik Lainnya, blogging, Tips Trick. Bookmark the permalink.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s