Monday, 22 April 2013

Tutorial : Choose Background (Blogskin)




Assalamualaikum . Dalam tutorial yang aimi nak share kali ni . Korang boleh pilih background mana yang korang suka dalam blog korang . Tak faham ? Ni contohnya kat bawah . Tutorial ni hanya untuk pengguna classic template sahaja tau . Okay , let's start . 

Contoh

1. Dashboard > Template
2. Press F3 dan cari code </style>
3. Copy code kat bawah 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 </style> tadi
5. Sekarang copy code kat bawah ni pulak
<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 mana mana bahagian yang korang . Better di bahagian sidebar lah supaya nampak 
7. Preview & save .

PinkBiruHijau : URL background
Ungu : Ayat korang

Credit to : NAJ

0 comments: