Tutorial ni memang sesuai sangat dipelajari oleh blogger2 pompuan yang menginginkan blognya menjadi cantik dan cute mute.Imej welcome to my blog ini akan muncul setiap kali kita buka blog dan dalam setiap topik.Jadi kalau korang rasa tak menyusahkan boleh jer pasang.:)..Imej ni tak akan hilang sehingga korang tekan imej tersebut.
Langkah 1
Pergi ke Dashboard > Template > Edit Html > Tick expand widget template
Langkah 2
Tekan ctrl + F untuk mengaktifkan fungsi find,kemudian cari kod ]]></b:skin> kemudian tekan enter.
Langkah 3
Copy kod dibawah kemudian pastekan ia sebelum kod ]]></b:skin>
</style></head>
<script language="javascript" type="text/javascript">
function toggle(el,milli) {
// Get the opacity style parameter from the image
var currOpacity = document.getElementById(el).style.opacity;
if(currOpacity != 0) { // if not faded
fade(el, milli, 100, 0);
} else { // else the images is already faded
fade(el, milli, 0, 100);
}
}
function changeOpacity(el,opacity) {
var image = document.getElementById(el);
// For Mozilla
image.style.MozOpacity = (opacity / 100);
// For IE
image.style.filter = "alpha(opacity=" + opacity + ")";
// For others
image.style.opacity = (opacity / 100);
}
function fade(el,milli,start,end) {
var fadeTime = Math.round(milli/100);
var i = 0; // Fade Timer
// Fade in
if(start < end) {
for(j = start; j <= end; j++) {
// define the expression to be called in setTimeout()
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
// setTimeout will call 'expr' after 'timeout' milliseconds
setTimeout(expr,timeout);
i++;
}
}
// Fade out
else if(start > end) {
for(j = start; j >= end; j--) {
var expr = "changeOpacity('" + el + "'," + j + ")";
var timeout = i * fadeTime;
setTimeout(expr,timeout);
i++;
}
}
}
</script>
<div class="input" onClick="javascript:toggle('ybl', 3000); this.style.display='none';
document.getElementById('tbb').style.display=''">
<center><img src="http://i1207.photobucket.com/albums/bb473/blackcat125/welcomecopy.png"
style="opacity:0.4;filter:alpha(opacity=40)"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.7;this.filters.alpha.opacity=40"/></center>
</div>
<div id="ybl" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="tbb" style="display : none;">
<body>
Langkah 4
Gantikan link imej yang berwarna hijau tu dengan link imej korang,tapi boleh jer kalau nak guna yang ni.
Tekan preview,jika tiada error savekan sahaja.:)
Teruskan membaca...
