Life iS aN Adv3nTure

Haii semuaaa apa kabar??

Hari ini online di rumah dan koneksinya lumayan lemot karena cuma dapet sinyal edge,, dalam postingan kali ini aku mau membahas tenteng cara membuat buku tamu seperti punyaku yang di sebelah kanan itu? hayooo keliatan gak? yang warnanya ijo ituu klik nanti dia muncul keluar..

penasaran gak caranya? mudah kok,,

1. Kamu perlu mendaftarkan ke cbox dahulu dan mendapatkan kode scriptnya.

2. Login ke blogger kamu lalu klik design dan pilih add gadged,,

3. pilih yang html/javasript

paste-kan kode ini :

<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhStlHpXkWV5IE2sDMU7UZmhf7Q85PuFWdBfbU6x_bstEUcQEoec9iV1-hK6x5e9tPQchwCExEvIdrHKz8iNENN_YO3Jtzi9CrEhLRdZrsLHpfg-bIKZmiHrgt0EoezAYUYgeQEPQ12664/') 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">

(ISI KAN DENGAN KODE PUNYA KAMU DARI www.cbox.ws )

<span style="font-size: xx-small;"><span style="color: #f3f3f3;">by </span><a href="http://www.sahydin.co.cc/" style="color: #f3f3f3;">Sahidin</a></span>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

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