Cara Membuat Buku Tamu Auto Open

Kenapa kok auto open? Karena Buku tamu  ini akan terbuka tanpa kita Klik,,Bila cursor anda melewati atau menyentuhnya buku tamu ini akan melayang keluar, kalau sobat mau seperti ini silahkan

Langkah-Langkah Berikut.

• Login Ke Akun Blog Sobat
• Pilih Rancangan/Tata Letak 
• Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
• Masukan Script Berikut Di dalamnya

<style type="text/css">
#gb{
position:fixed;
top:30px;
z-index:+1000;
}* html #gb{position:relative;}

.gbtab{
height:200px;
width:50px;
float:left;
background:url('http://i1206.photobucket.com/albums/bb455/binkbenk/BUKUTAMU.png') no-repeat;
}

.gbcontent {
float:left;
border:1px solid #BB0000;
-moz-border-radius-bottomleft:10px;
-webkit-border-radius-bottomleft:10px;
-o-border-radius-bottomleft:10px;
-khtml-border-radius-bottomleft:10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-topleft: 10px;
background: url(http://i1206.photobucket.com/albums/bb455/binkbenk/firewrk3.gif) repeat bottom;
padding:10px;
height:auto;
width:300px;
}

</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 51-w) : moveGB(30-w, 0);
gb.opened = !gb.opened;
}function moveGB(x0, xf){

var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 25 ? 25 : 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+")", 5);}
}</script>

<div id="gb">
<div class="gbtab" onmouseover="showHideGB()"> </div>

<div class="gbcontent">
<center>

DISINI LETAK KODE BUKU TAMU SOBAT

<div style="text-align:center">
<style>
.google_translate img { filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0; }
.google_translate:hover img { filter:alpha(opacity=30); -moz-opacity: 0.30; opacity: 0.30; }
.google_translatextra:hover img { filter:alpha(opacity=0.30); -moz-opacity: 0.30; opacity: 0.30; }
</style>
<center>
<a class="google_translate" href="#" target="_blank" rel="nofollow" title="English" onclick="window.open('http://translate.google.com/translate?u='+encodeURIComponent(location.href)+'&langpair=id%7Cen&hl=en'); return false;"><img alt="English" border="0" align="absbottom" title="English" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZNDWnJmGkQ6OohmT2dFsgx-w8oXztyBxbsB9zMAf2gD7qQAue-MdTTYWmUKvkefFVMRoZrLNiXYC06T0X_jcB-c7vEfgkyiKuOJGYXTnKbdKKCss9xzK8FFQXNFqoBr-G_0bB2FY_-oJe/h80/translate.png" style="cursor: pointer;margin-right:3px"/></a></center></div>
<div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><img src="http://i1206.photobucket.com/albums/bb455/binkbenk/CLOSED.png" /></center></a></div></div></center></div></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script>

• Ubah Kata DISINI LETAK KODE BUKU TAMU SOBAT Dengan Script/Kode Buku Tamu Sobat
• Bila sobat belum punya buku tamu silahkan kunjungi http://www.shoutmix.com/  
• Sobat buat akun di http://www.shoutmix.com/  dan dapatkan kodenya
• Simpan Dan Lihat Hasilnya 
• Selamat mencoba

-=widi vdie novi=- 12:24 AM 2 Komentar

Related Posts

Cara Membuat Buku Tamu Auto Open

4/ 5

Oleh -=widi vdie novi=-