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>

<scr<div style="z-index:+5" class="gb_fixed">

ipt src="http://kangdadang.googlecode.com/files/shouteffect.js"></script>

<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.

sumber : khocet.com

Posted in: blog