Cara Membuat Buku Tamu Light Effect Jquery

langsung aja lah . ikuti langkah demi langkahnya !!

mariiii  . ..

1. masuk ke blogger.com
2. klik dasbor/design 
3. lalu klik tata letak ===> tambah gadget ==> pilih HTML JAVA SCRIPT Lalu masukkan kode script di bawah ini  

<div style='display:scroll;position:fixed;top:70px;right:-0px;'> <script type="text/javascript" src="http://karinafotocollection-project.googlecode.com/files/jquery-latest.pack.js"> </script><script>$(document).ready(function(){$('a[name=full-blog-design]').click(function(e) {e.preventDefault();var id=$(this).attr('href');var maskHeight=$(document).height();var maskWidth=$(window) .width();$('#mask').css({'width':maskWidth,'height':maskHeight});var winH=$(window).height();var winW=$(window) .width();$(id).css('top',winH/2-$(id).height()/2);$(id).css('left',winW/2-$(id).width()/2);$(id).fadeIn(2000);});$('.window .close').click(function(e) {e.preventDefault();$('#mask').hide();$('.window').hide();});$('#mask').click(function(){$(this).hide();$('.window').hide();});});</script> <style> img{border:none}#mask{position:center;left:0;top:0;z-index:9000;background-color:#000;display:none}#boxes .window{position:fixed;left:0;top:0;width:350px;height:10px;display:none;z-index:9999;padding:20px}#boxes #polska{background:#000 url(http://c.dryicons.com/files/graphics_previews/dotted_background.jpg)center no-repeat;border:2px solid red;width:320px;height:400px;padding:20px 20px 20px 20px;box-shadow:3px 5px 15px orange, 0px -1px 3px red, -2px -2px 2px red, -3px 3px 3px yellow;border-radius:7px; }#closesb{padding:2px 0 0 0}#author{padding:8px 0 0 168px}</style><ul><center><a href="#polska" name="full-blog-design"><img src=" http://i1136.photobucket.com/albums/n499/Mahfid_Mayanto/buku-tamu.gif" /></a></center></ul><div id="boxes"><div id="polska" class="window"><center>MASUKKAN KODE CBOX DISINI</center><div id="author"></div><div id="closesb"><center><input type="button" value="Close" class="close"/><center></center></center></div></div><div id="mask"></div></div></div>


 

 4. lalu anda save, dan lihat hasilnya

Perlu di perhatikan : Teks yang berwarna merah isi dengan kode cbox sobat blogger
                             
jika anda ingin daftar di cbox silahkan KLIK DISINI 
klik SIGN UP untuk mendaftar, dan isi den persyaratannya heheh gampang kan