CARA BIKIN BUKU TAMU DI BLOG AUTO HIDE

Oke sobat kali ini saya akan memberi cara bagaimana bikin daftar tamu buat blog sobat sekalian,jadi blog sobat lebih simple enak dipandang...hehehe

CARA BIKIN BUKU TAMU DI BLOG

Kita langsung aja gimna caranya:

Sobat bisa ikutin cara cara di Bawah ini :

1. Langkah pertama sobat Login Blogger sobat sendiri

2. Lalu sobat Klik Rancangan/Design

3. Lalu Tambah Gadget / Add a Gadget

4. Pilih HTML/javascript
lalu Sobat bisa Copy paste kode warna biru di bawah ini di dalam 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/AVvXsEhnZNOansu-G8sIIFMskMtiF7wbfsowToxAl1KGicp96Q6tZZc069PCt7H-KLUUMjzjybC6JbUAFRpUEfuq4amcFdVYH6Jr3hNH0q0ogemjHyhL-oNov2piuoyfYwHnhfyM5MDkpr7cm1yp/') 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">
DITENGAH SINI SOBAT BISA LETAKAN APA AJA YANG MAU DIMASUKIN
<div style="text-align:right"> <a href="javascript:showHideGB()"> [tutup] </a> </div>
</div>
<script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.right = (30-gb.offsetWidth).toString() + "px"; </script></div>

NB :

Untuk font warna MERAH dapat diganti posisinya sesuai keinginan anda tapi autr juga stylenya.
Lalu untuk font warna HITAM bisa anda letakkan kode apa saja, misalnya kode FB,TWITER dan lainnya.

Untuk hasilnya sobat bisa liat BUKU TAMU yang di blog saya
Selesai deh sekarang sonbat bisa bikin buku tamu,selamt mencoba,terimakasih



Postingan terkait:

Belum ada tanggapan untuk "CARA BIKIN BUKU TAMU DI BLOG AUTO HIDE"

Post a Comment