• Bm7
    Terima kasih sudah berkunjung xD
Home » , » Buku Tamu Part II keluar masuk dari atas

Buku Tamu Part II keluar masuk dari atas

Senin, 27 Februari 2012
1.Login ke akun blogger
2.Pilih Rancangan
3.Pilih Add Gadget
4.Pilih HTML/Javasript
5.Masukkan script dibawah ini
BM7:
<style type="text/css">
#gb{
position:fixed;
right:350px;
z-index:+1000;
padding: 5px 15px;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:300px;
float:center;
cursor:pointer;
background:url(blog-bg.png);
}
.gbcontent{
float:center;
background:#fff;
border-right: 5px solid orange;
border-bottom: 5px solid magenta;
border-top: 5px solid cyan;
border-left: 5px solid pink;
-moz-box-shadow: 0 20px 20px #000;
-moz-border-radius-topleft:1px;
-moz-border-radius-topright:1px;
-moz-border-radius-bottomleft:1px;
-moz-border-radius-bottomright:1px;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 1500-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()">
</div>
<div class="gbcontent">
<span style="color: rgb(102, 0, 0);"><!-- Script Chatbox nya disini --></span>
<center><a href="javascript:void(0);" onclick="showHideGB()"><input class="close" type="button" value="Close" /></a>
</center></div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.top = (-400-gb.offsetWidth).toString() + "px";
</script>
<a class="west" href="javascript:void(0);" onclick="showHideGB()" title="Buku Tamu"><img alt="Buku Tamu" border="0" heigth="125" src="http://4.bp.blogspot.com/-GIUD4KwWV_w/TeuyU-KtjFI/AAAAAAAAAHw/flfW3kqQrvY/s1600/Guestbook.png" /></a>
6.Ganti tulisan <!--  Script Chatbox nya disini --> dengan kode Cbox Milik sobat
7.Jangan lupa simpan templates sobat

DEMO

#Setelah anda klik demo maka akan muncul disitu contohnya pada sidebar kanan
============================================================== ==============================================================
terimakasih telah berkunjung ke black-market7.blogspot.com ============================================================== ==============================================================


.: Artikel Terkait :.

0 komentar:

Posting Komentar

Silahkan berkomentar asalkan tidak mengandung SPAM/SARA, jika komentar mengandng spam maka komentar tidak akan ditampilkan atau dihapus oleh admin blog ini. TERIMAKASIH

Follow by Email

Facebook