Cara membuat buku tamu ringan keren

Bagikan :

Tweet

Salam sehat buat sahabat blogger, kali ini saya menuliskan artikel yang berjudul cara membuat buku tamu ringan keren. Bagi sobat yang baru saja membuat blog, saya sarankan membuat cheat box atau buku tamu atau buku chating, karna berpengaruh juga untuk meningkatkan pengunjung, manfaatnya bisa mempererat silaturrahmi baik dari sahabat blogger maupun pengunjung lainnya. Bagi sobat yang belum membuat silahkan ikuti langkah ini :

1.Jjika belum mempunyai account chat box silahkan kunjungi alamat ini : http://www.cbox.ws/ 
2.Jika sudah mempunyai accountnya lanjut saja, kemudian copy script di bawah ini :

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

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://sphotos-a.ak.fbcdn.net/hphotos-ak-ash3/563708_579672962051258_1282169300_n.jpg') 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">
ISI DENGAN SCRIPT CHAT BOX
<div style="text-align:right">
|<a href="javascript:showHideGB()">
[tutup]
</a>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";

</script></div>  

3. Dan buka Tata Letak => pilih Tambah Gadget => pilih HTML/Java Script => pastekan script di atas dan jangan lupa Warna biru isikan dengan script chat box sobat.

4. Selesai, mudah dan gampang , jika ada kesulitan silahkan bertanya. 
Selamat mencoba by +Bungas Zahid

Tag : Dunia Blogger