Membuat buku tamu/shoutbox melayang di samping blog with jquery

Membuat buku tamu/shoutbox melayang di samping blog with jquery

itan 5/11/2011
itan
  1. Log in blogger
  2. Masuk ke rancangan
  3. Elemen laman
  4. tambah gadget, html/java script
  5. Kopi pastekan kode di bawah ini :

div style="margin: 5px;">
<style type="text/css"> .gb_fixed{ position:fixed; top:0px; right:0px; z-index:+10; } * html .gb_fixed {position:relative;} #hidden_gb2 { display:none; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZ7dW2skJtC7UcIb9o3hMsYK7Vid023oqXLRsRCuzjGWUJx3-ll_FgrU4-AbVq4y76SxkFXPVc0M6OPTA8Ht-4NJKiI-2dsdcAHdxWZjn2iBa4ceE0SWk_HCnTREMQgia1CHoEDLBuAfF8/s1600/papers.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 #8bd268; -moz-box-shadow: 2px 2px 4px #8bd268; } </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 #8bd268; -moz-box-shadow: 2px 2px 4px #8bd268;"> TUTUP BUKU TAMU </b></a></div> Masukkan script atau kode buku tamu kawan 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVOclsVOyd5GsJpaf1GVfFKv2Whr2_O540-HzURMua_4cEoAG4dhLkXXT1TL-9wAtF9tCz-bqQpb1auRnygyePFRVidQAZ1Z2AaucaxnJr7XNiIbv0UliYOh3HKBksiIN6toetvo7UIwM/s1600/TabGBcopy.png" /> </a> </div>




Masukkan script atau kode buku tamu kawan disini silahkan masukkan kode buku tamu nya disitu,
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVOclsVOyd5GsJpaf1GVfFKv2Whr2_O540-HzURMua_4cEoAG4dhLkXXT1TL-9wAtF9tCz-bqQpb1auRnygyePFRVidQAZ1Z2AaucaxnJr7XNiIbv0UliYOh3HKBksiIN6toetvo7UIwM/s1600/TabGBcopy.png adalah link gambar, silahkan ganti sesuai keinginan

Jika sudah langsung Simpan..................

dan lihat hasilnya.

selamat mencoba
 

About

Seorang pejuang berdarah merahtua-biru yang sedang memperbaiki hidup untuk si dia dan masa depan