Panduan Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger

Panduan Cara Pasang Buku Tamu

Pertama-tama silakan buat akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang teman suka.

Kemudian ambil script yang sudah di sediakan
Copy aja Codenya..
saya bukan tipe blogger yang pelit kalo di copy paste....!! :D

klik Rancangan/Design/Tata Letak dan Klik Tambah Gadget/Add Gadget.

<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/AVvXsEiXoY1WzhT-5BVU5P_Sdrfvcp6CtbfrgdHj0zZIY3fFseDo4tMX-vBNIVABwBExTu9fEKfg5eQIu-EEr8IaO2teUq_kkiDzELVHWPJc0qskER_ZJkHp1QqvITl86F3NgamcKI5d0RzIWP8/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 Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini

<div style="text-align:right">
<a href="http://fredi-jd.blogspot.com/2013/04/panduan-cara-pasang-buku-tamu.html">[Pasang Ini Juga]</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>

Udah deh Selesai....heheheeeee.....

Komentar