Tutorial : Choose background

Assalamualaikum ... 

Hehe .. tadi kita dah buat freebies sekarang kita buat tuto pula .. tengs bangat sih sama lu orang kerna sentiasa mengikuti perkembanganku *ceh .. speaking indonesia plak* .. tuto ni khusus untuk sape-sape yang suka tukar-tukar background .. hehe ..credit for Tiqah .. Let's Go On !!

| CONTOH |

1. Dashboard > Template 
2. Press CTRL + f serentak . Dan cari code <style> 
3. Copy code ni .
   
   

   #bagie a img{
   width:50px;
   height:50px;
   display:inline;
   margin-right:10px;
   margin-top:15px;
   border: 2px solid #EEE;
   }
   #bagie a:hover img{
   border: 2px solid #bdebff;
   }

4.  Paste diatas code tadi
5. Then, copy code ni pula.
   
   

   <div id="bagie">
   <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(URLBG1)"});
               });
   });
   $(document).ready(function(){
               $("#bgcolor2").click(function(){
                           $("body").css({"background":"url(URLBG2)"});
               });
   });
   $(document).ready(function(){
               $("#bgcolor3").click(function(){
                           $("body").css({"background":"url(URLBG3)"});
               });
   });
   </script>
   <center><a href="javascript:void(O)" id='bgcolor1' title="AYATKORG"><img src="URLBG1" /></a>
   <a href="javascript:void(O)" id='bgcolor2' title="AYATKORG "><img src="URLBG2" /></a>
   <a href="javascript:void(O)" id='bgcolor3' title="AYATKORG"><img src="URLBG3" /></a></center></div>
   </div>

6. Paste dekat tempat yang korang nak . Contohnya dekat sidebar 
7. Preview & save.