Meletakkan Buku Tamu atau Chatbox pada Sidebar

Meletakkan buku tamu atau chatbox di sidebar memang menarik dan juga menyingkat gadget…

Tak usah basa basi lagi dech…

Begini langkah-langkahnya : 

1. Log in ke Blogger
2. Pilih Rancangan
3. Kemudian pilih Edit Laman
4.  Buka gadget buku tamu anda
5.  Kemudian letakkan kode di bawah ini di atas kode buku tamu anda

<style type="text/css">
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://i387.photobucket.com/albums/oo318/cem_ply/tabs2.gif') 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">

6.      Yang terakhir yaitu, letakkan kode di bawah ini tepat di bawah kode buku tamu anda

<blink>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</blink></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

Dan jangan lupa di save ya…!

Sebelum di save, bisa anda lihat…

Tampilannya akan seperti berikut…

Bagikan :

• Tweet

Terkait

Meletakkan Buku Tamu atau Chatbox pada Sidebar

Description: Meletakkan Buku Tamu atau Chatbox pada Sidebar Rating: 4.5 Reviewer: Unknown ItemReviewed: Meletakkan Buku Tamu atau Chatbox pada Sidebar

Al

Mbah Qopet Updated at: Jumat, Desember 10, 2010