tutorial tutorial

Friday 23 November 2012

Tutorial : Welcome Note


hai...
alhamdulillah.. lately ni idea mencurah2 untuk buat entry.. hehe
now.. idea takdo -,-
so balik lah semula dgn tutor nya XD

ok now.. isha nak ajar buat welcome note 
bende ni muncul bila someone klik link blog korang keluarlah satu page yg comel
"welcome to my blog"

please backup template korang dulu.. kalau jadi apa2 , i dont know 

1 - dashboard -> template -> edit html -> proceed -> tick expand widget template
2 - tekan ctrl f (serentak) untuk memudah kan korang cari code ni
]]></b:skin>
3 - jumpa ? ok bagus... now copy pula code ni then paste di atas code tadi 
*untuk copy high-light code then tekan ctrl c (serentak)
</style></head><script language="javascript" type="text/javascript">/* toggle() checks to see if the images has already been fadedor not and sends the appropriate variables to opacity(); */function toggle(el,milli) {// Get the opacity style parameter from the imagevar currOpacity = document.getElementById(el).style.opacity;if(currOpacity != 0) { // if not fadedfade(el, milli, 100, 0);} else { // else the images is already fadedfade(el, milli, 0, 100);}}/* changeOpacity() uses three different opacity settings toachieve a cross-browser opacity changing function. Thisfunction can also be used to directly change the opacityof an element. */function changeOpacity(el,opacity) {var image = document.getElementById(el);// For Mozillaimage.style.MozOpacity = (opacity / 100);// For IEimage.style.filter = "alpha(opacity=" + opacity + ")";// For othersimage.style.opacity = (opacity / 100);}/* fade() will fade the image in or out based on the startingand ending opacity settings. The speed of the fade isdetermined by the variable milli (total time of the fadein milliseconds)*/function fade(el,milli,start,end) {var fadeTime = Math.round(milli/100);var i = 0; // Fade Timer// Fade inif(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' millisecondssetTimeout(expr,timeout);i++;}}// Fade outelse 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="URL GAMBAR"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>  
4 - done ! preview kejap kalau takde errow , save !

NOTE
pink - pi cari mana2 gambar yg cute2 tu.. kalau malas nak cari , boleh pi cari DEKAT SINI

time isha cuba tutor ni , time preview tu , isha engok follower isha hilang.. memang gila time tu.. so mybe the code is not sesuai dengan blog isha..
kalau yg lain menjadi good.
kalau bende ni jadi dekat korang juga , jangan save ! preview dulu.. tu lah guna preview.. time preview tu kalau follower takde... korang tekan "clear edit" kot.. entah tak ingat.. hehe.. tp ada clear XD

hope menjadi

=GOOD LUCK=

Thanks Sebab Baca Entry Isha . LIKE sikit and say Oyeah !

1 305 org comel komen ^_^:

  1. Thanks kak isha menjadi ! :D
    saya suka tutor kak isha
    n 100% dah FOLLOW kak isha ;D

    ReplyDelete