Home » » Membuat Buku Tamu Melayang

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.



Write By : Khocet Dot Com ~ Panduan Gratis Adobe Photoshop,Blog,Puisi,Ragam Tips,Dan Bahan Ajar

Article : Membuat Buku Tamu Melayang Post By : Khocet Dot Com
Terimakasih atas kunjungan serta kesediaan Anda membaca artikel ini. Kritik yang membangun serta pertanyaan dan saran dapat anda tuliskan melalui kotak komentar,semoga bermanfaat
Share this article :

4 comments:

  1. info yang bermanfaat...

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

    ta tunggu karyax

    ReplyDelete
  2. @Onco... tinggal ganti kodenya ja gan..lo yg diatas kodenya pke kode chatbox..lo mau ubah pke iklan juga bisa.. :)

    ReplyDelete

 

Design By : Khocet Dot Com
Powered by Blogger