August 22, 2011

Tutorial | Welcome Note

Heyp peeps ! Salam 1 blogger ,


errm, tadi pas wat satu entri ada orang request
macam ne nak buat tutorial macam ne nak wat 
"Tutorial Welcome Note"


nak contoh : klik nie --> welcome note

sebelum tue nak bagitahu larh kan , 
sape yang meng-request kan i2
ia adalah ----> Cik Siti Aziz !


jom kita mulakan :

       1. Copy this codes :
                 
/* to top */
#toTop { width:100px;background:none;border:0px solid #ccc;text-
align:center;padding:5px;position:fixed;bottom:10px;right:10px;cursor:pointer;color:#666;text-
decoration:none; }
</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>
<center><div class="input" onClick="javascript:toggle('wise', 3000); this.style.display='none';
document.getElementById('june').style.display=''">
<img src="URL IMAGE"
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"/>
</div></center>
<div id="wise" style="filter : alpha(opacity=0); -moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body>


       2. Dashboard > Design  > Edit HTML

       3. Klik CTRL+F secara serentak
            -> Find this :  ]]></b:skin>

       4. Paste-kan code no (1) di atas ]]></b:skin>

URL IMAGE : *silaisiok*
- utk dapat URL IMAGE : DI SINI ~

        5. Preview DULU , JANGAN save ! kalau keluar
            maknanya betullarh tue ( mmg xle klik lg masa preview)

        6. THEN save it , dear ! :)

        7. Lepas SAVE , ti dia ad kuar :
 'would you like to keep these widgets on your blog or delete them ?
   - HAH ! klik jerx DELETE ~

       8. hope you comment this posting after succesful do it !

FYI , nak COPY : CTRL + C (serentak taw!)

p/s : selamat mencuba :)

10 comments:

CikTeddyCorner said...

okeh..cik nak try dulu ok..^_^

Cik T said...

Cik Siti Aziz | GOOD LUCK :)

CikTeddyCorner said...

okeh..dah jadi..hihi
thanks sngt2 teeha..
nk tanye satu lg..image kt blog cik kecik je..kalo nak besar kena edit sendiri ek?

Cik T said...

Cik Siti Aziz | yew , kena edit ikut sesuka sendiri larh :)

Hanim Irsyad said...

ingat nak wut.. tapi malas laa dear.. :)

http://irsyanim.blogspot.com/2011/08/tidak-dan-seterusnya-tidak.html

Cik T said...

hunnym : ti wat la ye? :)

dEaTh said...

edit guna apa???anyway thank

Cik T said...

death : edit pakai photoscape n gimp2 jerx

dEaTh said...

thanks....huhuhu dah jadi....

Cik T said...

death : Alhamdullilah ~