Pasang Widget Change your Background


Halo haloo.. heheh ^^ chiaki mau posting tuto lagi nih, tutonya tentang widget background *gehe* langsung aja ya minna~ hihi :P
1. Login ke Blogger
2. Dashboad > Pilih Tata Letak
3. Pilih Tambahkan Gadget
4. Pilh HTML / Javascript
5. Copy dan Paste kode dibawah ini
<style>#background a img{width:50px;height:50px;display:inline;margin-right:10px;margin-top:0px;border: 1px solid #C4E1FF;}#background a:hover img{border: 1px solid #C4E1FF;}</style><div id="background"> <script src='http://code.jquery.com/jquery-1.6.2.min.js' type='text/javascript'></script> <script> $(document).ready(function(){ $("#bgcolor1").click(function(){ $("body").css({"background":"url(URL BACKGROUND)"}); }); }); $(document).ready(function(){ $("#bgcolor2").click(function(){ $("body").css({"background":"url(URL BACKGROUND 2)"}); }); }); $(document).ready(function(){ $("#bgcolor3").click(function(){ $("body").css({"background":"url(URL BACKGROUND 3)"}); }); }); </script> <div style="text-align:center;"><a href="javascript:void(O)" id='bgcolor1' title="BACKGROUND TITLE 1"><img alt='BACKGROUND TITLE 1' src="URL Background 1" width="50"height="50" /></a> <a href="javascript:void(O)" id='bgcolor2' title="BACKGROUND TITLE 2"><img alt='BACKGROUND TITLE 2' src="URL Background 2" width="50" height="50"/></a> <a href="javascript:void(O)" id='bgcolor3' title="BACKGROUND TITLE 3"><img alt='BACKGROUND TITLE 3' src="URL Background 3" height="50" width="50" /></a></div></div>
note : 
untuk background title, disesuaikan dengan backgroundnya ya, cth : Blue Polka, Kawaii background dll

6. Save

oke dehh.. semoga bermanfaat, dan goodluck yaa ^^ oia, bisa juga cari freebies di tempat chiaki :P


Terima Kasih Sudah Membaca , Tinggalkan Komentar juga ya ^^


2 comments:

  1. Thanks kak! Berhasil berhasil berhasil hore!

    ReplyDelete
  2. Thankyou very much for this tutorial. :)

    ReplyDelete

 
Related Posts Plugin for WordPress, Blogger...