Tehnik membuat Buku tamu tersembunyi

Untuk Aktifitas Kunjungan, Paling pertama di singgahi biasanya adalah " Mengisi Buku Tamu" dan tehnik menyembunyikan Buku tamu ini cukup bagus untuk menghemat ruang blog kita dan tentunya akan lebih rapi. 
setelah gogling mengenai caara mudah memasang buku tamu tersembunyi kali ini ane nyasar pada blognya " Pemula_Blogger" dan untuk kodenya cukup simpel tanpa mengharuskan masuk ke dalam edit HTML dan hanya cukup menambah Add a Gadget >> HTML/Javascript saja,





Oke, langsung kita praktekin ya sob...,  

1. Login Ke akun blogger sobat

2. Clik Rancangan >> Element Laman >> Add a Gadget >> HTML/Javascript.

3. Copy & paste code berikut ini.

<style type="text/css">
#gb{
position:fixed;
top:23px;
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/AVvXsEgCCk9fdBKODnIiPOZMe1QpoBRs3IwBgXgu7jZJmYLdzlVUrcrgDbgTwYygvVzRhGYY6kX0LuH5d2Lze3l0aRvL9lsk-q2SqWE_96jgPSqXjECt5K9jtfRq5OztC-uSt1GcDjHg9QwxbedB/') 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">

( Tempatkan Script Buku Tamu sobat disini)
<br/>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[Close]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

 yes...., untuk membuat buku tamunya sudah jadi..., dan silahkan sobat isi buku tamunya ya..... ;-)

script : http://blog-t4belajarku.blogspot.com
4.5

Posted by : Admin ~ / e-Clopedia

Artikel Tehnik membuat Buku tamu tersembunyi ini Diposting oleh :Admin Kritik dan saran dapat disampaikan via kotak komentar.. atau pada menu Contact Us,
~ Terima kasih atas kunjungannya Semoga Bermanfaat.~