Membuat Buku Tamu Melayang

Slamat malam para Bloggers….Kali ini saya ingin berbagi tentang cara membuat buku tamu melayang yagng terdapat pdi sebelah kanan blog,Caranya simple saja.
1. Login ke blog anda
2. Pilih design
3. Lalu pilih page elements
4. Tambahkan gadget lalu emilih html
5. Paste kode berikut pada kolom isian yang ada : 


<style type="text/css">
.gb_fixed{
position:fixed;
top:20px; right:20px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
background: url(http://3.bp.blogspot.com/-kxarzzeWjjU/TjKjduCa5-I/AAAAAAAAACU/2ZWEKoyI7QM/s1600/paper.jpg)repeat;
color:#000;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #231902;
-moz-box-shadow: 2px 2px 4px #231902;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style=" background:-moz-linear-gradient(top, #051547, #999, #051547); color:#6cec17;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #59491e;
-moz-box-shadow: 2px 2px 4px #8bd268;"> CLOSE </b></a></div>
Kode Buku Tamu anda disini
</td></tr></table>
</div>
<script src="http://kangdadang.googlecode.com/files/shouteffect.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="http://4.bp.blogspot.com/-xwSybNYcG-U/TjKoZrvF33I/AAAAAAAAACY/Hc5YPWrWF2w/s1600/cbox.png" />
</a>
</div>
Catatan :
Link gambar yang berwarna merah bisa anda ganti sesuai keinginan anda.



1 comments:

info yang bermanfaat...

gmna cara membuat lencana facebook melayang kayak buku tamu di postingan ini...????

ta tunggu karyax