0 CARA MEMBUAT BUKU TAMU MENEMPEL DI BLOG

Hallo gan, selamat dtang di blog gue. Kali ini gue bahas tentang cara membuat buku tamu menggantung di blog kayak yang ada di blog gue (hehehe sombong J). Oke langsung aja menuju TKP

1.      Langkah pertama kita masuk dulu ke blog yang u punya

2.      Lalu pilih klick tata letak/design

3.      Add widget/tambah gadget

4.      Pilih HTML/javaScript

5.      Nah setalah itu copy code dibawah ini

<style type="text/css">

#gb{

position:fixed;

top:23px;

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

 MASUKAN CODE SCRIPT CHATBOX/SHOUTBOX KAMU DISINI

<div style="text-align:right">

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

[Close]

</a>

</div>

</center></div>

</div>

<script type="text/javascript">

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

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

</script>

Untuk mendapatkan code script shoutbox regestri dulu bisa lewat sini.

Untuk besar kecilnya anda bisa menggantinya height dan width-nya terserah agan.

6.      Simpan, lalu lihat hasil blog anda sempurna J