Cara memasang welcome to my blog

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.:)

Friday 11 January 2013

Cara memasang welcome to my blog

No comments:

Post a Comment

Labels

Pageviews