-->
 
Membuat Buku Tamu Auto Open

BERANDAARCHIVEQUR'ANYASINTAHLILAMALAN

     
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, untuk sekilas demonya seperti disamping, 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;
margin-right:-10px;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:40px;
float:left;
background:url('http://i1206.photobucket.com/albums/bb455/binkbenk/BUKUTAMU.png') no-repeat;background-size:100% 100%
}

.gbcontent {
float:left;
border:1px solid #BB0000;
border-radius:5px;
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>
ISIKAN KODE CHATNYA DISINI....!!!!
<div style="text-align:center">
<div style="overflow:no; width:100%px; height:100%px; padding: 5px; background:transparent;">
<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/AVvXsEgBwg5AOdq5-A-dRH6jf9dLUY7YlWFOjezXFvHT3r6RZyQnfJvmeYG8MtgsIO_10dfHffBFJ5B_M8KW7Z6JVOAI7jli81wf8jofYe4Hp0Jmj38lOw6zSBA7F0gbZm5lmZUA09KW_14sC-zr/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>
English
Note : Bagi yang belum punya silahkan buat Akun di penyedia Widget Chating seperti Cbox, Shoutmix dll
Posted On : 29 Agustus 2011 Time : 13.23
SHARE TO :
| | Powered By : C.(BH-elatos) | Copyright By : cuerosbhelatos | |