Memberi Buku tamu tersembunyi di Blog

Memberi Buku tamu tersembunyi di Blog--
pada kesempatan kali ini,,, Saya akan memberikan cara menyembunyikan Buku Tamu di blog.. Seperti gambar di samping terlihat ada buku tamu yg tersembunyi jika di click akan muncul buku tamu...





Ini dia step langkah - langkahnya pembuatannya :

1. Login ke Blogger
2. Lalu buka Layout --->> tambah Gadget --->> Html/Javascript
3. setelah itu copykan code ini di 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/AVvXsEhHjTfAyhsOceXG5dFJjhr4QxyzhrCRjw4ku9LSiBnlyKYH_2eQw3lJgLTxIdt2rXOLrNEnVkrLKyLDgqEIS3X4CkINYCqyizXTpX7wqEcILRK3Fl0Pq1dS1m-5tJ4Kp2dwupOcAu9YQr9u/') 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">

CODE SHOUTBOXMU

<a href="">

</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>

GANTI "CODE SHOUTBOXMU" DENGAN CODE SHOUTBOXMU (jika tidak punya buka link ini {cara membuat chatbox di blog})

4. Setelah itu simpan
5. dan lihat hasilnya

Categories: Tutorial Blogger