Button Background Bertukar-tukar


Assalamualaikum , ok maaf sngat sebab semalam Yura tak buat tuto sbb busy .
Jadi hari ni Yura nak buat tutorial yang mungkin korang pernah tengok kat blogskin .
 Di mana ,tekan button pastu background dia bertukar-tukar.
Cuba tengok contoh kat bawh ni dan cuba klik.



Tekan yang mana2 satu.

Kalau berminat, meh ikut tuto ni.

  • Dashboard > Layout > Add Gadget > HTML/JavaScript
  • Copy code dibawah dan pastekan dalam kotak HTML/JavaScript
<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 1)"});
 });
});
$(document).ready(function(){
 $("#bgcolor5").click(function(){
  $("body").css({"background":"url(URL BACKGROUND 2)"});
 });
});
$(document).ready(function(){
 $("#bgcolor3").click(function(){
  $("body").css({"background":"url(URL BACKGROUND 3)"});
 });
});
$(document).ready(function(){
 $("#bgcolor4").click(function(){
  $("body").css({"background":"url(http://i.imgur.com/UR2bW.png)"});
 });
});
</script>
<center>
<a href="javascript:void(O)" id="bgcolor1" title="Fundo 1"><img class="hm" src="URL BACKGROUND 1" /></a>
<a href="javascript:void(O)" id="bgcolor5" title="Fundo 2"><img class="hm" src="URL BACKGROUND 2" /></a>
<a href="javascript:void(O)" id="bgcolor3" title="Fundo 3"><img class="hm" src="URL BACKGROUND 3" /></a></center>


  • Yang Yura warnakan tu boleh letak URL gambar background yg korang suka. Boleh tengok sini .
  • Lepas tu Save !
  • Kalau jadi jangan lupa bagitau. Yura nak tengok jugak ^^

3 comments

  1. Wow interesting, can choose which one colour do we like even on other's website x)

    ReplyDelete

Awak mehla komen? satu komen pun jadilah :')