Cara Membuat Buku Tamu Melayang Di Blog
Cara Membuat Buku Tamu Melayang Di Blog - Apa itu buku tamu, buku tamu adalah untuk saling kritik dan saran selain itu juga kita bisa bersiratuh rahmi di blog. Bagi sobat sekalian yang belum mempunyai buku tamu,silahkan daftar terlebih dahulu DISINI.Ayo kita mulai saja bahasan kita tentang cara membuat buku tamu melayang di sisi kanan blog.
Ikuti langkah-langkah berikut ini :
1.Login ke akun blogger sobat
2.Klik menu RANCANGAN
3.Klik Tambah Gadget
<style>
#hcr {
position:fixed;
top:100px;
z-index:+1000;
}
* html #hcr {position:relative;}
.hcrtab {
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://b.imagehost.org/0611/buku-tamu.png') no-repeat;
}
.hcrcontent {
float:left;
border:2px solid #003e82;
background:#f3f6f7;
padding:10px;
}
.hc-credit {font-size:9px}
.hc-credit a {text-decoration:none}
</style>
<script type="text/javascript">
function showHidehcr(){
var hcr = document.getElementById("hcr");
var w = hcr.offsetWidth;
hcr.opened ? movehcr(0, 30-w) : movehcr(20-w, 0);
hcr.opened = !hcr.opened;
}
function movehcr(x0, xf){
var hcr = document.getElementById("hcr");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
hcr.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")", 10);}
}
</script>
<div id="hcr">
<div class="hcrtab" onclick="showHidehcr()"> </div>
<div class="hcrcontent">
masukan kode shoutbox/buku tamu sobat di sini
<br />
<div class="hc-credit">
<span style="float:left">
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
<br />
<div class="hc-credit">
<span style="float:left">
</span>
</div>
</div>
</div>
<script type="text/javascript">
var hcr = document.getElementById("hcr");
hcr.style.right = (30-hcr.offsetWidth).toString() + "px";
</script>
6.Klik SIMPAN
7.Selesai
Semoga Bermanfaat bagi sahabat blogger
Artikel Menarik Lainnya 
Langganan:
Posting Komentar (Atom)
17 Responses to “Cara Membuat Buku Tamu Melayang Di Blog”
bagus juga bila dipasang di web komersial saya, bisa memudahkan saya untuk menjalin komunikasi dengan pelanggan
terima kasih atas ulasannya 28 November 2012 pukul 12.32
oke gan
sama sama gan :) 28 November 2012 pukul 19.10
Sipp.. Thnk's mas bro tipsnya, bermanfaat bgt buat blog ane.. Slm kenal n sukses sllu.. Maen2 k blog ane ye.. 30 November 2012 pukul 08.00
maksudnya [masukan kode shoutbox/buku tamu sobat di sini]itu gimana sob
29 Desember 2012 pukul 12.55
Saya bookmark ngerapiin blog ane dulu mas, nanti saya tiru tipsnya. Salam dan mampir gan 29 Desember 2012 pukul 16.47
Tips membuat buku tamu saya bookmark ya mas.. 5 Februari 2013 pukul 10.33
Gak nyesel mampir ke situs ini. Bisa dapet ilmu baru nih.. Thnks uda share tips buku tamunya... 5 Februari 2013 pukul 10.42
kok aku pasang hasilnya sama aja kyk aslinya..
5 Februari 2013 pukul 19.15
Makasih uda share tips buku tamunya.. 13 Februari 2013 pukul 15.39
bagus banget tips cara membuat buku tamu. cocok buat dipasang di blog baru saya. makasih bro.. 13 Februari 2013 pukul 15.42
thank's atas infonya sob, langsung di coba ! 17 Februari 2013 pukul 13.11
thanks gan
visit my blog : wiansetiawan.blogspot.com
24 Februari 2013 pukul 18.54
makasih informasinya
28 Maret 2013 pukul 16.06
Ijin Praktek Dulu Gan 29 Maret 2013 pukul 23.24
Makasih Infonya .... akan saya Coba 31 Maret 2013 pukul 04.23
Thanks artikelnya sangat bermanfaat,.... 4 Juni 2013 pukul 02.39
Silahkan tinggalkan jejak di blog dofollow saya teman2.. 28 Juni 2013 pukul 01.15
Posting Komentar