Tim Van Damme Inspired by Tim Vand Damme

Pengikut

Network


ShoutMix chat widget

Buku Tamu

Blog

11 Jun 2011

Membuat Buku Tamu Dengan Effect Css

Kali ini akan membahas mengenai Buku Tamu CSS, buku tamu ini bersembunyi dibagian kiri dan kanan layar anda. sebuah buku tamu memang sangat menarik apalagi dengan sentuhan lembut Tante CSS.
Mari kita Membuat Buku Tamu Dengan Effect Css :

Masuk ke Blogger - Rancangan - Tata letak - Add Widget - Html/Javascript
Copy kode berikut :


<style type="text/css">
.gb_fixed{
position:fixed;
top:0px; right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
border:2px solid #e4b5c5;
-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;background:#FFFFFF;
padding:10px;
padding-top:0px;
}
</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="color:red">[ Close ]</b></a></div>
SIMPAN CODE BUKU TAMU ANDA DISINI
<br />
Mau punya buku tamu seperti ini?<br />
Klik
<a href="http://cssjquerytutorial.blogspot.com/2011/06/membuat-buku-tamu-dengan-effect-css.html">
DISINI aja
</a>
</td></tr></table>
</div>
<script src="http://z33s.googlecode.com/files/Shoutz33sEfect.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png" />
</a>
</div>
Silahkan anda atur sendiri. Cukup Sekian Buku Tamu Dengan Effect Css
Oh iya Simpan widgetnya.

0 komentar:

Posting Komentar


Only CSS and Jquery Design by Insight © 2009

This template is brought to you by : allblogtools.com | Blogger Templates