Tutorial : Choose Background {Blogskin}


Assalamualaikum and annyeonghaseyo. I'm back !! Wah dah lama sangat tak update ni. Btw thanks sebab still ada yang sudi singgah tengok tutobies. Thanks yeomm. Okay lah, first tutor utk hari ni tieqa nak share satu tutor yang sgt menarik. Btw codes ni bukan my own codes. Tapi dari N.Afiqah. Tutor ni, korang boleh choose pelbagai background yang korang suka.

| EXAMPLE |

1. Dasboard > 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 di atas 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 benda ni ada. Contohnya dekat sidebar
7. Preview & save

Pink, Biru, Hijau : URL background
Ungu : Ayat korang

5 comment [s]:

Afina Ppyong said...

suka background tu :D

Farah Dini said...

nice ~~ nak copy untuk tutor ye .. Do cool la :D

AinSuhaini --6Juara-- said...

Guna..and credit

atiqahjaidin said...

@All : Boleh. jgn lupa letak credit ye :)

EyraKieyra ; said...

CUTE ^^ AMBIK SATU EH^^