Pasang Buku Tamu Tersembunyi Di Blogger

By. Dedi Yahya S


Pada kesempatan kali ini saya akan memperlihatkan trik dan panduan perihal Cara untuk menciptakan buku tamu tersembunyi pada blogspot.

Contohnya dapat dilihat dibuku tamu saya.

Panduan Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger

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

Kemudian ambil script yang sudah di sediakan (kopi kodenya).

Sekarang mari kita ke blogger.

Cara  Cara Pasang Buku Tamu Tersembunyi pada Blogspot :

• Login pada Blogger
• Masuk mode Rancangan kemudian Tambah Gadget
• Pilih HTML/Javascript 
• Copy-paste isyarat 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/AVvXsEh23wwTNaGV4WWTYwAfQl8NL7GH55W1HR57Sf9xH7e6akD09dubQJdJr53o-WgjrwK75cSSLb6bTg3-JBC38K2yEQeb_jYmJ3svdhNspbRhGvTVH-vp21GSJKrqjFYAuVmEuRUHK1AFNQI/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=" ">[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>

Bagi teman-teman yang faham bahasa css atau html silahkan di atur sendiri tampilannya sesuai selera

• jika sudah tamat silakan di Simpan

Demikian blogger tutorial mengenai Cara Membuat buku tamu tersembunyi pada Blogspot.

Semoga bermanfaat dan biar berhasil.
Terima Kasih ^_^

Bagikan Artikel ini