Membuat Buku Tamu Tersembunyi di Blog

Membuat Buku Tamu Tersembunyi di Blog adalah salah satu cara untuk mempercantik blog anda kawan... Buku tamu diperlukan untuk memberikan kesempatan para pengunjung menyapa anda.

Membuat Buku Tamu ada yang dipasang langsung di Blog ada juga yang Membuat Buku Tamu Tersembunyi di Blog. Dengan membuat buku tamu tersembunyi di Blog maka kawan bisa menghemat tempat atau sidebar Blog... Langsung aja yuk kita lanjut ke Cara Membuat Buku Tamu Tersembunyi di Blog
 

Tapi sebelum membuat buku tamu, Kawan harus punya code Buku Tamunya. Ada beberapa yang geratisan tapi fiturenya cukup untuk sebuah Buku Tamu sederhana kawan. Coba aja kawan Gunakan Shoutbox, cbox , atau shoutmix yang bisa kawan pelajari lebih lanjut di Jendela paman Google. Salah satu contoh Buku Tamu seperti gambar di sebelah kiri ini Kawan

Nah membuat Buku Tamu sangat mudah, pertama-tama kawan Login dulu ke Blogger.com seperti Biasa, kemudian ikuti langkah-langkah berikut ini

Kawan langsung saja mulai dengan Klik menu layout atau Langsung aja cari Tata Letak, Kemudian kawan Tambah Gadget, Pilih Gadget HTML/Javascript

Setelah kawan tambah Gadget HTML/Javascript pada kolom judul boleh kawan isi dengan nama Buku Tamu atau boleh kawan kosongin saja

Nah pada kolom isi kawan copy Script di bawah ini kemudian Paste di kolom isi

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


    < Paste Code Shoutbox Kawan di sini >


    </div>


    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.right = (30-gb.offsetWidth).toString() + "px";
    </script></div>

Buku Tamu akan tampil jika semua sudah dilakukan dengan benar, ingat jangan sampai terlupa untuk mengcopy paste code shoutbox kawan ke tulisan <Paste Shoutbox Kawan di sini>

Jika sudah selesai pilih Save n Senyum. Selamat Buku Tamu Tersembunyi milik Kawan Sudah Selesai. Simple kan?

 Nah kalau simple Kawan jangan lupa Share and Like nya ya... Selamat Mencoba

Terimakasih telah berkunjung di postingan ane yang berjudul

Membuat Buku Tamu Tersembunyi di Blog