Finn

Side Kick

READ THIS FOR ME :)

God speaks in the silence of the heart. Listening is the beginning of the prayer. So, don't you ever give up. When you feel down and your world is crumbling, remember that you still have God above. Always remember and ask to HIM because HE listens to every prayers you made.

Advertisement

Airplanes cut through the clouds like angels can fly :)

Check out my stuff ;)

TUTORIAL

ENTRIES

Vas happenin' !

Hello and Welcome my 4 Muggle[s]

I have shared what I like and I feel since June 2011 ;)

Chat with Finn :)

♦ URL blog wajib ada , not email
♦ Harsh words & Anon not allowed IP anda dikesan !

Credits

This skin is made by : Mrs AF

←Newer Posts ♦ Older Posts→

Tutorial : Welcome Image (Cute Freebies)

30 May 2013

11:57 pm ♥ 0 Directioner(s)

Vas happening guys !

Tuto yang aku nak buat hari ni is 'Welcome Image'. Nak tau tak apa itu welcome image? Ha. Yang tu korang kena tengok gambar dekat bawah ni.

Nampak? Okay, gambar tu akan keluar sebelum orang masuk blog korang. So, kita kena tekan dulu lah image tu. Then, baru boleh masuk blog korang yang kiut-miut tu kan. Tak nak cakap panjang-II. Aku mulakan tuto ni dengan bismillah ...

1) Mula-II macam biasa Dashboard > Design > Edit HTML . Lepas tu tekan CTRL+ F secara serentak. Search kod ni :

]]></b:skin>

*lepas kotak search dah keluar, copy kod kat atas tu. Tekan CTRL+C secara serentak. Then, pastekan je lah dalam kotak search yang keluar dekat edit HTML tu. Harap korang faham. :)

Dah jumpa? Good-III !

2) Lepas tu korang pastekan kod yang aku tulis kat bawah ni ATAS kod nombor satu tadi.

</style></head>

<script language="javascript" type="text/javascript">

/* toggle() checks to see if the images has already been faded

or not and sends the appropriate variables to opacity(); */

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);

}

}

/* changeOpacity() uses three different opacity settings to

achieve a cross-browser opacity changing function. This

function can also be used to directly change the opacity

of an element. */

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);

}

/* fade() will fade the image in or out based on the starting

and ending opacity settings. The speed of the fade is

determined by the variable milli (total time of the fade

in milliseconds)*/

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://i1101.photobucket.com/albums/g422/Dekya135/welcomeheader41.gif"

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="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">

<div id="june" style="display : none;">

<body>

Sorry if panjang sangat kod tu. Dah copy? Tunggu apa lagi, SAVE lah sekarang ! Wait ! Ada tambahan . Lepas save , kalau ada benda keluar macam keep widget or delete widget ke , korang pilih delete widget tau . Okeke >,<

Selamat Mencuba :)

Thank you for visiting -Finn :) x

Post a Comment

Thanks for sharing your opinion ! :)