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

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

All rights reserved ® Finn 2011 - 2016
←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
    • 0 Comments

    Post a Comment

    Thanks for sharing your opinion ! :)