>

Thursday, March 19, 2015

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^^

6 comments:

  1. sis , why its doesn't work on my blog ? sudah copy n paste semua code , tapi still tak boleh change background .?

    ReplyDelete
  2. @Suhana Abidin : Yg bagian mananya gak bisa? tadi aku keblog kakak, bisa kok. kan udah kakak pasang . hihi

    ReplyDelete
  3. baru jadi . some code terdelete hari itu , contohnya code ' url( ' ini . Study semula code yang kamu beri baru notice ada missing code . btw Thanks mia .

    ReplyDelete

Ayo guys, berikan komentarmu! dan Jangan lupa patuhi peraturan dibawah ini :

- Berkomentarlah dengan kalimat yang baik dan sopan
- Boleh bertanya kepadaku jika kurang jelas. Insya'allah akan aku jawab
- Dilarang KERAS!! berkomentar yang mengandung unsur Negatif,SARA, Pornografi dan Judi
- Dilarang berkomentar yang tidak berhubungan dengan topik
- Dilarang promosi usaha (travel,olshop,obat,dll) dikolom komentar ini, dicbox saja boleh asal tidak nyepam
- No anonymous,unknown or delete -,-
- Tidak mematuhi? HAPUS!! Admin sering online untuk memantau blog ini
- Repost?credit please.....