Blogger Note

Article :

Membuat Buku Tamu Blog Tanpa Di Klik Terbuka



Sebelumnya saya sangat berterimakasih kepada pengunjung semua yang mau mnegunjungi blog saya ini pada postingan blog saya ini yang ke 82,ok langsung saja ke permasalahannya seperti yang sobat ketahui sebelumnya Musa ' Blogs / Musa Khairul Umam ( ribet bener ) sudah menerangkan kepada para pengunjung semua cara Membuat Pesan Pembuka dan Penutup Pada Blog akan tetapi pada postingan kali ini saya akan sedikit mengambil perubahan dari Buku Tamu Yang Melayang Di Blog menjadi Buku Tamu Blog Tanpa Di Klik Terbuka pastinya penasaran bukan nanti jadinya seperti buku tamu milik saya ini ok caranya di bawah ini :


  1. Login Ke Akun Blog Sobat
  2. Pilih Rancangan/Tata Letak 
  3. Tambah Gadget/Add Gadget Pilih HTML JAVA SCRIPT
  4. Masukan Script Berikut Di dalamnya
<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://i1042.photobucket.com/albums/b429/Farix_2010/Chatting.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(http://1.bp.blogspot.com/_O84nraTVNhw/TVAOSS5OUpI/AAAAAAAAAPs/SjzZrVNr21w/s1600/api.gif) 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


2 comments:

10 Juli 2011 00.42

keren gan.. josh

10 Juli 2011 00.50

@ANGRY JACK: terima kasih telah berkunjung

Posting Komentar