Powered by Blogger.

Tutorial Membuat Buku Tamu

Kali ini saya akan berbagi ilmu tentang cara membuat buku tamu tersembunyi di samping Blog kita. Pasti akan lebih menarik kalau gadget kita tidak hanya monoton di samping kanan-kiri postingan kita saja.

Dibawah ini adalah langkah-langkahnya :
1. Login
Blogger
2. Klik Tata Letak
3. Tambah Gadget / Add a Gadget
4. Pilih HTML/javascript

Kemudian Copy paste kode di bawah ini di dalam Html/javascript tadi.

<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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') 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">
 LETAKKAN KODE SHOUTBOX, FOLLOWBOX, DLL TERSERAH ANDA DISINI
<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>

Catatan :
Untuk font warna biru dapat diganti posisinya sesuai keinginan anda tapi atur juga stylenya.
Lalu  untuk font warna Hijau bisa anda letakkan kode apa saja, misalnya kode buku tamu.

  • Digg
  • Del.icio.us
  • StumbleUpon
  • Reddit
  • RSS
Comments
0 Comments

0 komentar:

Post a Comment

Silahkan gunakan bahasa yang baik dan santun dalam berkomentar,

Terimakasih
<-ADMIN->