Jumat, 27 Desember 2013

Cara Memasang Widget Guest Book Melayang Di Blog

Share it Please
Memasang Widget Guset Book Melayang Di Blog


Kali ini T-A_Blog`z akan berbagi informasi tentang bagaimana Cara Memasang Guest Book Melayang di Blog....
pasti temen-temen sekalian pada pengen kan pengunjung blog kalian memberikan tanggapan dan masukan tentang blog kalian, nah untuk itulah Guest Book dipasang.

Oke langsung praktek saja , oke ..

1. Anda harus mendaftar dulu di Cbox, klik disini.
2. Pastinya harus login dulu dong ke akun blogger orang (etss salah, akun blog sobat lah) =))
3. Pilih Tata Letak / Layout (kalo bahasa inggris)
4. Klik Tambah Gadget / Add Gadget
5. Pilih yang HTML/Javascript
6. Copy script dibawah 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://i1250.photobucket.com/albums/hh521/diebrie/bukutamu14.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #ffffff;
background:#d8dcdf;
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">
MASUKAN KODE CBOX ANDA DISINI
<div style="text-align: center;"><span style="font-size: 10px;"></span></div><div style="text-align:right"><a href="javascript:showHideGB()">
[Tutup]
</a>
<label style="float:left;text-align:left;color:black;">Dapatkan Widget seperti ini<br/><a style="color:#19b6e8;" href="http://traineeanonymous.blogspot.com/2013/12/cara-memasang-widget-guest-book.html" >Disini</a></label>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
7. Klik simpan dan lihat hasilnya ...
Good Luck dan Selamat Mencoba Tutorial Dari Saya

Sekian, salam T-A_Blog`z
Semoga Bermanfaat ^_^

Written by

Hello , My name is Sony Surahman.I'am a newbie Blogger

0 komentar:

Posting Komentar

Tolong kalau komentar pake bahasa yang sopan ya... :)

© 2014 T-A_Blog'z. All rights resevered. Designed by Templateism | Edited by Me