I am Wan Hafiz: Cara Pasang Welcome Image Pada Blog

Header Blog & Channel

Cara Pasang Welcome Image Pada Blog

selamat malam kOrang,

mlm nie, wan nk kasi kOrang step mencantikkn blOg kOrang iaitu "Welcome Imej"

tahu ke, ape tu welcOme imej tu hape?

Welcome image ini adalah imej akan terpapar bila kita mula mula

masuk ke blog. mcm gmbr kt bawah nie

jeng3... mcm wan, wan letak gmbar nie..

tpi wan pkai skjap je, rase mcm serabOt jer, lgi pon, gmbar x cun.. >.<

kalau kOrang rase kOrang suke tutOrial nie,

try lah... :)

1.Log in ke Dashboard

2.Pilih Design >>Edit HTML >> tick pada Expand Widget Templates

3.Cari kod ]]></b:skin> pada template Kemudian masukkan

kod dibawah ini diatasnya:

</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('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<center><img src="http://2.bp.blogspot.com/-RcqpP7mrl1c/Ty_oLmlfsLI/AAAAAAAAAmA/F6Y1X6ekYiM/s1600/my+banner.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="ddt" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="ybl" style="display : none;">
 <body>

gantikan URL diatas

http://2.bp.blogspot.com/-RcqpP7mrl1c/Ty_oLmlfsLI/AAAAAAAAAmA/F6Y1X6ekYiM/s1600/my+banner.png

dgn url imej kOrang yee..

4. Siap.. try preview dlu... tgk sama ada berhasil ataupun takk
kalau berjaya.. baru save yee..
Selamat Mencubaa

No comments: