Cara Membuat 3 Pilihan Background Sepertiku

Assalamualaikum all.. hari ini aku mau bahas tentang cara membuat pilihan background 3 warna seperti punyaku ini..

Nah,sudah tau maksudku apa kan?? oke,jadi begini caranya :

 Template biasa

• Dashboard-->tata letak-->tambahkan gadget-->html/javascript

 Blogskin

• Dashboard-->template-->letakkan di sidebar

Kodenya :

<style>#background a img{width:50px;height:50px;display:inline;margin-right:10px;margin-top:0px;border: 2px dashed #ffc4e1;}#background a:hover img{border:2px dashed #ffc4e1; -moz-border-radius: 35px;
border-radius: 35px;}</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 BG 1)"}); }); }); $(document).ready(function(){ $("#bgcolor2").click(function(){ $("body").css({"background":"url(URL BG 2)"}); }); }); $(document).ready(function(){ $("#bgcolor3").click(function(){ $("body").css({"background":"url(URL BG 3)"}); }); }); </script> <div style="text-align:center;"><a href="javascript:void(O)" id='bgcolor1' title="Tooltips BG 1"><img alt='Tooltips BG 1' src="URL BG 1" width="50"height="50" /></a> <a href="javascript:void(O)" id='bgcolor2' title="Tooltips BG 2"><img alt='Tooltips BG 2' src="URL BG 2" width="50" height="50"/></a> <a href="javascript:void(O)" id='bgcolor3' title="Tooltips BG 3"><img alt='Tooltips BG 3' src="URL BG 3" height="50" width="50" /></a></div></div>

 Untuk tulisan warna merah,,itu kamu bisa ubah sendiri sesuai selera. Pahami dengan baik-baik ya,soalnya kalau aku jelasin satu-satu nanti ribet* 

Oh ya,BG itu kepanjangan dari BackGround dan Tooltips adalah tulisan yang muncul saat kursor menyentuh gambar (hover) ,noh contohnya gambar diatas. yang ada tulisanya Batik Indonesia itu lho yang namanya Tooltips^^

Oke,,kalau begono saya pamit dulu ya. sekian dan terimakasih!!

Semoga berhasil dan bermanfaat^^

Credit : Tiara ,makasih ya^^