|
Onclick Background in Sidebar
Dear J-Florieses,Ada yang tau onclick background in sidebar? Kayak gini lohh
Gimana, mau coba ?
Just follow steps yaa :')
Classic Template / Blogskins
1. Blogger
2. Dashboard
3. Template
4. Buat sidebar nya dulu, atau kalian mau tempatkan di sidebar gabungan kayak discalimer dan dibawahnya kamu ingin taruh background nya itu, bisa kok. Kamu copy code ini
<style>#background a img{width:50px;height:50px;display:inline;margin-right:10px;margin-top:0px;border: 1px solid #FFFFF;}#background a:hover img{border: 1px solid #FFFFF;}</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 KAMU 1 )"}); }); }); $(document).ready(function(){ $("#bgcolor2").click(function(){ $("body").css({"background":"url( URL BACKGROUND KAMU 2 )"}); }); }); $(document).ready(function(){ $("#bgcolor3").click(function(){ $("body").css({"background":"url( URL BACKGROUND KAMU 3 )"}); }); }); </script> <div style="text-align:center;"><a href="javascript:void(O)" id='bgcolor1' title="NAMA ON CLICK"><img alt='blue' src="URL BACKGROUND KAMU*ULANGI YANG MERAH 1*" width="50"height="50" /></a> <a href="javascript:void(O)" id='bgcolor2' title=" NAMA ON CLICK"><img alt=' NAMA ON CLICK' src=" URL BACKGROUND KAMU*ULANGI YANG MERAH 2*" width="50" height="50"/></a> <a href="javascript:void(O)" id='bgcolor3' title="blue"><img alt='blue' src=" URL BACKGROUND KAMU*ULANGI YANG MERAH 3*" height="50" width="50" /></a></center></div></div></div><br>
Gausah pake keterangan lagi ya,atau pake aja? Yaudah aku pake keterangan
Pink : Border background kamu, bisa lihat di sini
Merah : URL Background kamu
Biru : URL background kamu, tapi ulangi sesuai dengan
perintah ya, URL Background 1 sama URL Background 1, dst...
Ungu : Nama pas kamu mau click gambarnya, nanti kluar kata-kata yang kamu
udah tulis di *Nama on click* nya
5. Save!!
Template Design / Modern Template 1. Blogger 2. Dashboard 3. Tata Letak 4. Tambahkan Gadged / Add a Gadged 5. Copy code di blockquote tadi, perhatikan keterangannya yaa ^^
---
Bisa kannn ? :)
Semoga bermanfaat yaaaa :')
|
0 Komentar:
Posting Komentar