Pada postingan saya kali ini akan membahas cara memasang buku tamu pada blog,
Wungsi dari buku tamu atau chat box adalah untuk memudahkan pengunjung blog kita untuk memasukan namanya atau bahkan ada yang menggunakanya untuk mempromosikan sesuatu tentang apa saja,jadi wungsi dari chat box atau buku tamu ini sangat banyak,berikut cara memasangnya:
1.untuk mendapat kan kode HTML dari buku tamu ini sobat bisa kunjungi situsnya
dulu disini:www.cbox.ws
2.Kilik.. Get Your Own Cbox Now..!
3.Mengisi Form pendaftaran seperti di bawah ini:
4.Kemudian Kilik Create my cbox,kalau berhasil...klik Publish,dan copy code buku tamu sobat di bawah.
Cara Membuatnya:
1.Copy script code di bawah ini:
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://1.bp.blogspot.com/-5wAUhkaj
LAM/T9r5iaaBeXI/AAAAAAAAAQw/ib5GSTYZh7Y/s1600/BUKU+TAMU+JADI.gif') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>
<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 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+")", 10);}
}
</script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
Silakan Paste Kode Buku Tamu sobat yang sudah di Copy tadi Di Sini
<div style="text-align:right">
<a href="#">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
2. Klik Tata Letak >> tabah gadged >> HTML code...pastekan kode diatas,selesai.
Ket: Tempatkan kode buku tamu sobat taadi pada tulisan berwarna Orange dan # url blog sobat.
Code berwarna Biru bisa diganti dengan code image yang sobat inginkan atau bisa memakai code yang ada.
Code berwarna merah adalah warna latar belakang buku tamu,bisa di ganti dengan warna sesuai selera.
Demikian Cara memasang buku tamu pada blog,semoga ada manfaatnya bagi kita semua...
Berikan Komentar anda tentang postingan ini... ..D.
makasih infonya sangat bermanfaat sekali, nice posting
ReplyDeleteSama-sama mas Rudy, Thanks dah berkunjung kemari.
DeleteThanks info nya gan...! semoga brmanfaat.
ReplyDeletetempilan lainnya ada gak sob?
ReplyDeleteTampilan lainya bisa sobat kreasikan sendiri,tinggal di edit aja tuh..!Thanks sob.
DeleteIjin bookmark gan. mo nyobain. thanks
ReplyDeletesuatu karya yang hebat, salam sukses
ReplyDelete