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{4. Paste di atas code tadi
width:50px;
height:50px;
display:inline;
margin-right:10px;
margin-top:15px;
border: 2px solid #EEE;
}
#bagie a:hover img{
border: 2px solid #bdebff;
}
5. Then, copy code ni pula
<div id="bagie">6. Paste dekat tempat yang korang nak benda ni ada. Contohnya dekat sidebar
<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>
7. Preview & save
Pink, Biru, Hijau : URL background
Ungu : Ayat korang
5 comment [s]:
suka background tu :D
nice ~~ nak copy untuk tutor ye .. Do cool la :D
Guna..and credit
@All : Boleh. jgn lupa letak credit ye :)
CUTE ^^ AMBIK SATU EH^^
Post a Comment