Cara membuat Buku Tamu di Sisi Blog/Sembuyikan

Share lagi nie buat sahabat setia pengunjung blog butut ini, kali ini saya akan share mengenai cara untuk memasang Buku Tamu yang menempel di Kiri atau Kanan blog, dan apabila di klik keluar dah tuh Buku Tamu, ataupun juga bisa dipasang PPC, atau Informasi, sesuai kebutuhan para blogger semua, cara ini cukup efektif bagi sahabat blogger yang tidak ingin blognya tidak terlalu ramai dengan widget2 ataupun iklan,. langsung saja tidak usah banyak cingcong lagi ini caranya :

1.login ke Blog sobat atau ke www.blogger.com pakailah akun masing-masing
2.Klik Rancangan / Layout
3.nanti akan masuk kehalaman Design lalu klik Tambah gadget atau Add a gadget

4.Copy paste kode dibawah ini ke HTML/JavaScript:

<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/AVvXsEgnPzezvZ3BN79-nAXh9NsD2-PkqUwt4T2P0EjaP5r7U189xbMoPvyScvDOqOflrgaxD0geeGkZEcxt8coLRcuhayytY6u8RwjixNU-S-0JufsD8H4uAYv0U585ATmDmx5RC1Yt_iqlIubq/') 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">

<!-- Ganti ini dengan kode buku tamu kamu -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://findskill7.blogspot.com/2011/11/cara-membuat-buku-tamu-di-sisi.html">
sini (Info Blog)
</a>

<div style="text-align:right">
<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>

5. Klik Save Template


PENTING :
Untuk yang tulisan yang berwana Hitam Di BOLD Ganti Dengan Kode Chat Box Kamu

Bila ada masalah beri komentar, kalo ada waktu saya akan membalasnya,
source : ahmadanakindonesia
Membuat Buku Tamu|Buku Tamu

Share

Artikel yang berkaitan