Home » » Cara Memasang Buku tamu di Blog

Cara Memasang Buku tamu di Blog


Buku tamu/Guest book adalah salah satu aksesoris wajib oleh para blogger. Bentuk nya sih mungkin beda beda pada setiap blog , ada yang di taruh di page,ada yang di taruh menggantung di kanan blog .
nah pada kesempatan kali ini saya akan berbagi tips yang tentunya gratis yaitu cara membuat buku tamu menggantung di kanan blog.
semoga anda tertarik

untuk mau membuatnya silahkan ikuti langkah langkahnya:

1. Silahkan sign in dulu di akun blogger sobat.
2. Jika sudah masuk ke tata letak/layout.
3. trus add gadget ,pilih Html/javascript
4. copy paste kan kode 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://2.bp.blogspot.com/-mrsZX_-WDkk/Te5tiGXpqNI/AAAAAAAAAZg/hDLjMWDN6_U/s1600/bukutamu.png') 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 Pasang Kode Buku Tamu Disini

<div style="text-align:right">
<a href="http://blog-wongndeso.blogspot.com/2013/04/cara-memasang-buku-tamu-di-blog.html">[get this widget]</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> 
5. Ganti tulisan merah dengan kode cbox milik sobat
6. Save

Selesai
Untuk mendapat kan script Cbox silahkan masuk disini
untuk yang masih bingung membuat Cbox silahkan masuk kesini

cara membuat cbox


Terima Kasih Anda Telah Membaca Artikel
Cara Memasang Buku tamu di Blog
ariessanjaya
Berikanlah saran dan kritik atas artikel ini. Salam blogger, Terima kasih

0 comments:

Post a Comment

Internet Cepat di Pesanggaran klik Gambar di bawah ini

Link Banner

Translate

Daftar Isi BLOG

 
Copyright © 2014. Blognya AriesSanjaya - Blognya Ariessanjaya
Template Created by Aries Sanjaya Published by Blognya Aries sanjaya