Cari Artikel Blog Ini

Total Tayangan Laman

BUKU TAMU TERSEMBUNYI DI BAGIAN KANAN BLOG

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.

Keterangan :
  1. height:150px; merupakan tinggi dari widget, silahkan anda atur.
  2. width:30px; merupkan lebar dari widget, silahkan anda atur.
  3. border:2px solid #1300F2; merupakan ketebalan dan warna garis/border, silahkan anda ganti.
  4. background:#FFFFFF; merupakan latar belakang widget, silahkan anda ganti.
  5. background:url('http://i629.photobucket.com/albums/uu13/akubsaputra/guestbook.png') dapat anda ganti dengan image hasil kreasi anda sendiri.
  6. MASUKAN KODE BUKU TAMU/WIDGET DISINI merupakan tempat meletakan kode buku tamu maupun kode-kode lainnya yang ingin anda tampilkan.
  7. [close] dapat anda ganti dengan kata tutup atau kata apa saja yang searti.



Selamat mencoba, semoga bermanfaat

Jika artikel ini bermanfaat..? Bagikan lewat :


BACA JUGA ARTIKEL DIBAWAH INI



Comments
10 Comments

10 komentar :

WongZone mengatakan...

Makasih atas info nya...

MrCom mengatakan...

Thx Mas Bro....Ane Coba Yak

SD islam intergral mengatakan...

MAKASIH GANNN SANGAATTT MEMBANTU ANE NI

rerezr mengatakan...

thanx banget tutorialnya ya...

MUHAMMAD MUDLOFIR mengatakan...

jadinya koq cman tampil gitu apa ada yg masih salah padhal q copas apa adanya/blm aq edit lho cb lihat di blog q www.Klikdisini.com/AIUEO
dari FB = www.j.mp/jPuy5t 0856 5566 3007 aiueo1199@gmail.com www.twitter.com/#!/MOH_MUDLOFIR

Joya ChAn mengatakan...

makasih infonya

zhe newbieest mengatakan...

thx gan

iwan noizers mengatakan...

trims bray sudah saya coba n berhasil tp kode bukunya saya masih bingung

DenTommy mengatakan...

fungsinya buat apa ya??

Ades Sambas mengatakan...

@DenTommy Fungsi utama sebagai asesoris dan sekaligus penghematan halaman blog

Poskan Komentar

Ceritakan keberhasilan/kegagalan anda setelah mencoba Tutorial Blogger pada kotak komentar. Kritik dan Saran juga boleh asal sifatnya membangun...!!!