Buku tamu ini akan disembunyikan dengan cara rolling. Selain membuat tampilan blog lebih keren, kita juga menghemat sidebar blog kita.
Nah pada penasaran kan gimana cara membuatnya?
Untuk lebih jelasnya, ikuti tips ini dengan hati-hati, dengan anda hati-hati, maka apa yang anda kerjakan akan berhasil dengan baik.
Berikut Cara Untuk Membuat Buku Tamu Tersembunyi.
1. Pertama
Login ke blogger.com dengan ID anda
2. Pada Dasbor, pilih
Rancangan
3. Kemudian
Tata Letak>>>
Elemen Laman
4. Kemudian
Tambah Gadget>>>
HTML/JavaScript
5. Letakkan kode berikut ini pada kotak
Scriptnya
6. Setelah anda meletakkan kode di bawah ini, "LAKUKAN PENGEDITAN TERAHADAP KODE YANG BERWARNA MERAH DAN HIJAU SESUAI DENGAN KEBUTUHAN"
<!-- Mulai Rolling Widget -->
<style type="text/css">
#gb{
position:fixed;
top:
10px; /*jarak dari atas*/
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:
100px; /*tinggi gambar*/
width:
30px; /*lebar gambar*/
float:left;
cursor:pointer;
background:url("
http://sites.google.com/site/ruangsc/imgsb/GB1.png") no-repeat; /*gambar*/
}
.gbcontent{
float:left;
border:2px solid
#A5BD51; /*ketebalan dan warna kotak*/
background:
#F0F0F0; /*warna latar*/
padding:10px 10px 0px 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">
Kode Shoutbox atau Buku Tamu
<script type="text/javascript" src="http://enes-sc.googlecode.com/files/rollingwidget.js"></script>
</div></div>
<!-- Selesai Rolling Widget -->
