Cara membuat buku tamu melayang di blog

Cara membuat buku tamu auto hide di blog - Baiklah sekarang saya akan memberikan cara untuk membuat buku tamu melayang di blog, buku tamu berguna untuk tempat memberikan comment atau untuk meninggalkan jejak bagi pengunjung yang telah mengunjungi blog kalian, dan juga munkin dapat mempercantik tampilan blog kalian, baiklah langsung saja ikuti tutorialnya :

1.  Login ke akun blog kalian
2.  Masuk ke Tata letak --> Tambah gadget --> HTML/javascript
3. Kemudian kalian Copy 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcnAjp-S3bQHcGuz0-M5TUM9tkAQq4WiuawZsT85P-YVLwt_G4aMCa57dVJs0i5fLDv2t3Mu4HUIC0nMeFvE4dgJmeLY0QfQc_Cy7uW_Gj4oGIYoYw_83Eo3GHzlkbNbp_jOyV0TygGIAj/') 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">

Masukan kode cbox kalian di sini


<div style="text-align: center;"><span style="font-size: 10px;"><span style="font-family: &quot;Trebuchet MS&quot;,sans-serif;">Supported by <a href="http://homeinfoblogger.blogspot.com/2013/10/cara-membuat-buku-tamu-melayang-di-blog.html" target="_blank">Home Info</a></span></span></div><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>

5. Simpan

Catatan : Jika kalian masih belum mempunyai akun cbox dapat membuatnya di situs cbox.ws

Terima kasih
Semoga bermanfaat

Artikel Terkait Info Desain Blog

Ditulis Oleh : Rifky ~ Home Info

Kalian sedang membaca artikel tentang Cara membuat buku tamu melayang di blog. Saya memperbolehkan kalian untuk mengcopy paste atau menyebar-luaskan artikel ini, namun jangan lupa untuk meletakkan link dibawah ini sebagai sumbernya <a href="https://homeinfoblogger.blogspot.com/2013/10/cara-membuat-buku-tamu-melayang-di-blog.html" target="_blank">Cara membuat buku tamu melayang di blog</a>

:: Get this widget ! ::