http://downloads.totallyfreecursors.com/thumbnails/bullseye-ani.gif Walk for Peace: Membuat Buku Tamu Bersembunyi Di Samping Kiri Atau Di Kanan

BThemes

page

Related Posts Plugin for WordPress, Blogger...

Senin, 10 September 2012

Membuat Buku Tamu Bersembunyi Di Samping Kiri Atau Di Kanan

Hallo gan,..bagi anda yg mau bikin tempat obrolan atau apalah,..tapi yg ini beda beersembunyi di kiri atau di kanan,..kayaknya lagi ngetren2nye,..kaya yg punya ane nh gan sekalian yg mau chattingan sma ane ,..nih abang deilions mau ngasih tau caranya:

1.baca bismillah
2.cuci tangan pake sabun
3.ngopi dulu yg suka ngopi kalo gak suka minum susu aja biar sehat
4.nih nomor pin ane yg mau invite sok baee,..:27816407
5.lhoo kok jadi kaya gini yaa,...hehe langsung aja yaa..

yg di atas abaikan

1.login ke blogger
2.klik rancanga/design
3.tambah gadget
4.pilih HTML/java script


teruz copy kode di bawah ini yaa,..

<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/AVvXsEgb6HgKyHTRbbwuZVfdNJIBYgfGr9O_lmqJ5URLwQNYpe3a0ZMntYBuS3XNED3vLCbYDjNKrA59QKe7-2O_Lc0fctYuASX41D1kF_8gpfSAh4E0Tpf6oZqeW8wCXpThqWSh3GeOcUs0RoDo/') 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">

Letakkan disini kode Shoutbox, Iklan, Menu Dll
<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>



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



yg saya tulis merah bisa di ganti posisinya tapi lihat juga style nya
teruz yg warna biru kode buku tamu ,iklan pa yg lain lah sesuai mau loo,..


selamat mencoba,semoga bershasil,

salam deilions

Tidak ada komentar: