Kali ini Saya akan berbagi tips tentang tutorial blog yaitu cara membuat buku tamu tanpa di klik Terbuka, yang Pada sebelumnya saya sudah berbagi tutorial Membuat buku tamu tersembunyi, jika pada tutorial sebelumnya apabila kita ingin melihat atau mengisi buku tamu kita harus klik dulu gambar buku tamu itu,,nah pada pada tutorial ini kita tanpa harus klik dan hanya menyorot atau mendekatakan kursor kita.!
Bila Sobat Ingin Buku Tamu Yg Seperti Itu Sobat Bisa Mengkuti Langkah-Langkah Berikut.
Bila Sobat Ingin Buku Tamu Yg Seperti Itu Sobat Bisa Mengkuti Langkah-Langkah Berikut.
- Login Ke Akun Blog Sobat
- Pilih Rancangan/Tata Letak
- Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
<style type="text/css">
#gb{
position:fixed;
top:20px;
z-index:+1000;
}* html #gb{position:relative;}
.gbtab{
height:150px;
width:50px;
float:left;
background:url('http://i565.photobucket.com/albums/ss92/PiNkgurl10_2009/howtohouse-shoutbox-1.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: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNT41qL2WPbUKJQK_2x89J6kKTrjcPgqNXKe8KpGC2TXJ-DuuUfraKaNez6bFA1JeD4tfL9HUT_SHuSBbbmnIIlI8onxtxgFYDShBegEl4g9ha6gsMtCWKFujqg3lP-vDexREV6njDXZOX/) no-repeat bottom;
padding:10px;
}
</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>
Letakan Script Buku tamu sobat Disini
<br /><div style="text-align:center">
<a onclick="showHideGB()" class="tips-fade" title="klik untuk tutup chattingbox">
<center><hr /><img src="http://i1042.photobucket.com/albums/b429/Farix_2010/CloseComment-1.png" /><hr /></center>
</a>
</div>
</center></div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (50-gb.offsetWidth).toString() + "px";
</script></div>
5. Ubah Kata Letakan Script Buku tamu sobat Disini Dengan Script Buku Tamu Sobat
6.Simpan Dan Lihat Hasilnya
0 komentar:
Posting Komentar