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. untuk mau melihat demonya silahkan klik disini.
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
6. Save
Selesai
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
PASANG SCRIPTNYA DI SINI<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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9cM4OJAuxtR4BOXWGB4jm_AdDFTnC9uhhkLi8zHyXR9gMDGp3NI4HVUJzMhlKw4qsMHUZVjSvlI1i-29_UFDPOZoXXO8FhwXi51PmiK42k5ODviiUBTgX2ONT9ztFWqu7tm9-K3kDNAA/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">
5. Ganti tulisan meraah dengan kode cbox milik sobat<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>
6. Save
Selesai
0 komentar:
Posting Komentar