✿ MIA PLANET ✿

ENTRY ABOUT ME FRIELFS STUFF bias





Cara Membuat 3 Pilihan Background Sepertiku
Kamis, 19 Maret 2015 - Permalink - 2 Comments
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^^

Label:

Blogger aisyah pradyasti mengatakan...

kak mia, kok gabisa di copas?

 
Blogger Mia 7unior mengatakan...

@aisyah : bisa kok.

 

Posting Komentar

Ayo guys, berikan komentarmu! dan harus dengan kalimat yang baik yaaa.

-Boleh bertanya kepadaku jika kurang jelas. Insya'allah akan aku jawab
-Repost?credit please.....



Copyright© 2017.Siti Fatimah Al Islamiah.