Cara Memasang Buku Tamu di Blog.

Apakah kalian sudah memasang buku tamu di blog? Jika blom silahkan baca tutorial Cara Memasang Buku Tamu di Blog. Sekarang saya akan share sedikit trik bagaimana cara memasang buku tamu di blog. Kalau misalkan kalian berminat untuk memasangnya. langsung saja ikuti langkah-langkah dibawah ini :

1. Anda login ke blogger .

2. Klik menu Tatak Letak.

3. Lalu klik Add Gadget atau Tambah Gadget.

4. Pilih Gadget JavaScrip/HTML.

5. Dan isikan kode berikut kedalamnya.

<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">

{Tempatkan Scrip Buku Tamu Kalian di Sini}

div style="text-align:right">

<a href="javascript:showHideGB()">

[tutup]

</a>

</div>

<script type="text/javascript">

var gb = document.getElementById("gb");

gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script>

--> warna merah isikan scrip buku tamu kalian yang sudah kalian copy.

6. Save.

Untuk mendapatkan scrip buku tamu kalian bisa kunjungi alamat url ini http://cbox.ws atau kalian tidak ingin bersusah payah kalian bisa copy scrip punya saya dibawah ini dan paste ditulisan tempatkan scrip buku tamu kalian disini.

<div id="cboxdiv" style="text-align: center; line-height: 0">

</div>