BUKU TAMU TERSEMBUNYI DI BAGIAN KANAN

Keren....!!Buku Tamu tersembunyi alias tidak terlihat merupakan trik yang sangat bermanfaat bagi peblogger, karena selain dapat menghemat tempat juga dapat menambah keindahan dan........ yang tidak kalah pentingnya dapat mengurangi beban blog dalam proses loading ( Begitu kata sumber tips ini yaitu : LOVE IS BEAUTY )
Sebenarnya tips ini bukan hanya buku tamu yang dapat anda tampilkan, tapi bisa berupa image atau widget lainnya. Silahkan anda pilih mana yang menurut anda paling sesuai untuk ditampilkan.
Langkah-langkah yang dapat anda lakukan cukup mudah yaitu :

  1. Masuk ke Blogger dengan ID anda.
  2. Pilih Tata Letak.
  3. Pilih Elemen Halaman.
  4. Klik Tambah Gadget.
  5. Klik tanda + pada HTML/JavaScript.
  6. Copy kode dibawah ini kemudian paste pada kolom yang tersedia.

    <style type="text/css">
    #gb{
    position:fixed;
    top:25px;
    z-index:+1000;
    }
    * html #gb{position:relative;}
    .gbtab{
    height:150px;
    width:30px;
    float:left;
    cursor:pointer;
    background:url('http://lh4.ggpht.com/_1j80TgNqd_8/TS3MlHxaygI/AAAAAAAABVo/P36anu_ToeA/s128/guestbook.png') no-repeat;
    }
    .gbcontent{
    float:left;
    border:2px solid #1300F2;
    background:#FFFFFF;
    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">
    MASUKAN KODE BUKU TAMU/WIDGET DISINI
    <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>
  7. Klik tombol Simpan.
  8. Lihat Pemapilan Blog anda sekarang.


Tidak ada komentar:

Posting Komentar

Popular Posts

Archives

Download

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes