Wadah Madrasah Pengalaman: Tutorial welcome image

Friday, August 19, 2011

Tutorial welcome image

Salam korang...

Kali nie Wan nak wat Tutorial Welcome image.Korang leh tengok contoh kat WanhazelJunior. Wan ubah sedikit koding dari yang asal..

Jom tutorial

Dashboard>Design>Edit HTML
Tick expand widget

Mula mula korang cri kod nie..
CTRL+F bagi memudahkan pencarian

]]></b:skin>

Dah jumpa..Korang copy kod kat bawah nie kat atas kod yang korang cari tadi..

<center>
/* 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>
<div class="input"
onClick="javascript:toggle('wise', 3000);
this.style.display='none';
document.getElementById('june').
style.display=''">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0AeiyUC7mEIQ2cGhIOwauABkdFU6Qr8IPGXLPSU_xzPVPKzbmPqDBPdlYQiRf0P8alXSldHC4eG147udwZ0QfMd6W7o5ypSJlMf8BxWlrfr2QV3B1udjChU4Gub2SWEd87JjY7i4XeEA/s1600/welcome-image1.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"/>
</div><div id="wise"
style="filter : alpha(opacity=0);
-moz-opacity : 0; opacity : 0;">
<div id="june" style="display : none;">
<body></center>

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0AeiyUC7mEIQ2cGhIOwauABkdFU6Qr8IPGXLPSU_xzPVPKzbmPqDBPdlYQiRf0P8alXSldHC4eG147udwZ0QfMd6W7o5ypSJlMf8BxWlrfr2QV3B1udjChU4Gub2SWEd87JjY7i4XeEA/s1600/welcome-image1.png

Kod nie adalah kod Welcome image korang..Korang ubah lah k..Kalau nak guna Welcome Note yang Wan wat tu pun leh jugak

Kalau kod yang korang copy tu tak leh guna..TRy Korang download kod kat sini k..
Klik untuk download

http://www.4shared.com/get/6xgsyXol/welcome_image_blog.html

Preview dulu kalau takde error korang leh save..

Sebelum korang wat tu korang
backup template korang taw..

Selamat mencuba

.

105 comments:

cik cahaya said...: tak menjadik lah.. huhu; August 19, 2011 at 11:19 AM
ishiko said...: wahh comel hajee..; August 19, 2011 at 11:29 AM
Harisya Diary said...: wan..dah try wat..ble tekan gambar welcome tu, tak kuar kat home blog.. sedihnya; August 19, 2011 at 11:45 AM
Little Mimi said...: knape bila saya tekan tak keluar blog saya?; August 19, 2011 at 12:00 PM
Wan_hazel said...: cik cahaya

tak menjadi ke??; August 19, 2011 at 12:09 PM
Wan_hazel said...: ishiko

tengs; August 19, 2011 at 12:09 PM
Wan_hazel said...: Harisya Diary and Mimi Candice

dia kluar ape erk??; August 19, 2011 at 12:10 PM
Wan_hazel said...: pelik nye..kenapa kat blog wan jadi ye...
guna template ape??; August 19, 2011 at 12:12 PM
Harisya Diary said...: dia kuar gamabr tu tp bile tekan tak kuar home blog..bile padam balik code tu, terus tak terima..dia kat

More than one widget was found with id: Navbar1. Widget IDs should be unique.
Error 500

skng takleh masuk blog lah ni..hehe; August 19, 2011 at 12:14 PM
Harisya Diary said...: guna template designer..

skng takleh bukak blog..cmne eh..; August 19, 2011 at 12:18 PM
Izzat Azhar said...: tak jadi gak... izzat guna template minima..; August 19, 2011 at 12:20 PM
Izzat Azhar said...: tak jadi gak.... izzat guna template minima... huhu..; August 19, 2011 at 12:23 PM
Wan_hazel said...: cuba try download kod yg wan bagi link kat entri tu..mana taw copy tak leh..\..; August 19, 2011 at 12:26 PM
Little Mimi said...: mimi pun xtau..mmg jadi yang selamat datang tu. tapi bila tekan, dia x kluar pun home blog.; August 19, 2011 at 12:28 PM
Little Mimi said...: betol ckap harisya diary.. mimi pun sama mcm tuh.; August 19, 2011 at 12:29 PM
Wan_hazel said...: try download kod yg wan kasi link tu k; August 19, 2011 at 12:30 PM
Little Mimi said...: link mana wan?; August 19, 2011 at 12:32 PM
Izzat Azhar said...: tak faham la wan.. try download kod yang wan bgi?? code mane?; August 19, 2011 at 12:33 PM
Little Mimi said...: okey, dah jumpa link. mimi try jap.; August 19, 2011 at 12:33 PM
Wan_hazel said...: link kat entri tu...download kan k; August 19, 2011 at 12:34 PM
Little Mimi said...: dah jadi ! thanks wan ! ;); August 19, 2011 at 12:36 PM
Harisya Diary said...: highlight kan benda tu? then download? pastu?; August 19, 2011 at 12:37 PM
Wan_hazel said...: download je.,kat sini,.

http://www.4shared.com/get/6xgsyXol/welcome_image_blog.html

guna kod yg di download tu k..; August 19, 2011 at 12:39 PM
Wan_hazel said...: Mimi Candice

dah jadi..bagus2; August 19, 2011 at 12:40 PM
Harisya Diary said...: sedang mencuba..lepas download, paste kat atas code tu kan? ok; August 19, 2011 at 12:41 PM
Wan_hazel said...: a ah..sama macam tuto tu..hope leh..; August 19, 2011 at 12:42 PM
Harisya Diary said...: alhamdulillah..

syukur sngat2..

dah jadi..

amik pengajaran supaya backup dulu code..hahahaha..thnks wan..anyway, comel sngat..; August 19, 2011 at 12:44 PM
Izzat Azhar said...: dah boleh... thx.. suke tutor ni..; August 19, 2011 at 12:45 PM
Harisya Diary said...: ohyea..kalu nak centerkan ketengah cikit?

tengok cini wan

http://harisyadiary.blogspot.com; August 19, 2011 at 12:45 PM
Wan_hazel said...: nak centerkan kene edit lagi gambar tu,,supaya jadi sama besar template tu..yang wan nye tu 1000 lebar dia..; August 19, 2011 at 12:47 PM
Harisya Diary said...: oh, okeh! tengs yaw..; August 19, 2011 at 1:05 PM
YAya IEdayah said...: : . suka tut0 niew . yaya guna !; August 19, 2011 at 1:05 PM
Alya Balqis Studio said...: dah jdi t.kasih wan..; August 19, 2011 at 1:26 PM
Cik Applemuffin said...: Jom join my first GA ^_^...

http://myshorthand.blogspot.com/2011/08/my-first-giveaway-aksesori-kraf-kristal.html; August 19, 2011 at 2:48 PM
FatinCokelat ♥ said...: asal tak jadi?http://hikayatchoclate.blogspot.com/b/html-preview?token=d4OG4jEBAAA.sOcxJy-z9D3eGWjcuBq-Wg.KyuL291Bs-MWZwNL7bWxTA&blogID=9066757311807234558; August 19, 2011 at 2:59 PM
imnotperfect said...: haha dh jadi lah wan,,,
teng q tawwwww; August 19, 2011 at 3:29 PM
Unknown said...: abg wan , tasha buat dah jadi . gambar cartoon pon dah keluar . tapi , bila tekan je dy tak keluar dekat home lah . macam mana ea ?; August 19, 2011 at 5:01 PM
Unknown said...: haha . abg wan ! dah boleh dah . tasha pakai code yang download tuh baru jadi . heee :D nice tuto . terima kasih :D; August 19, 2011 at 5:06 PM
Aynn said...: x leh arr.wan..
dye kuar
Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
XML error message: The element type "head" must be terminated by the matching end-tag "".

x phm la...; August 19, 2011 at 5:25 PM
Wan_hazel said...: Harisya Diary

welcome; August 19, 2011 at 7:48 PM
Wan_hazel said...: ❤ мιzz-уαуαιєуα ❤

sama2 taw; August 19, 2011 at 7:48 PM
Wan_hazel said...: Zainab

ok kalau free wan join k; August 19, 2011 at 7:49 PM
Wan_hazel said...: Ana Fatin cokelat

tak jadi??dia jadi camne??; August 19, 2011 at 7:49 PM
Wan_hazel said...: imnotperfect

welkam..sama2..ehehhe; August 19, 2011 at 7:49 PM
Wan_hazel said...: tasha ;)

sama2..kod download tu ok lagi kot..tak taw lah nape kod yg dicopy tak bleh; August 19, 2011 at 7:50 PM
Wan_hazel said...: zaty fifixious

pelik betul..camne tu...; August 19, 2011 at 7:50 PM
Unknown said...: nurul dah jdik wat.... tpi masuk jer titibe kuaw shoutbox.. erm, x pa la... hehehehe.. thnkx 4 the tuto...; August 19, 2011 at 8:18 PM
Ikablabla said...: dah jadi dah.. just x center je.. sokay la.. thx anyway :); August 19, 2011 at 8:57 PM
Wan_hazel said...: ok..peace; August 19, 2011 at 9:14 PM
Unknown said...: abg wan , macam mana nak hilang kan simbol --> dekat atas header tasha tu ea ? after buat welcome image dy jadi cenggitu pulak . yang lain semua oke . tapi simbol atas tuh tak boleh hilang pulak . macam mana ea ?
cer abg wan tengok blog tasha .
[tasha-herstorylife.blogspot.com]; August 19, 2011 at 10:08 PM
Wan_hazel said...: yg tu wan tak taw lak ape masalh dia taw..wan dah habis godek kod...; August 19, 2011 at 10:15 PM
cik cahaya said...: bila tekan tak kuar home page pun.. huhu.. -.-"; August 19, 2011 at 11:17 PM
Nazwa Saedun said...: bile da download bru lpas ! hihi; August 20, 2011 at 10:14 AM
Wan_hazel said...: kene download dulu baru boleh guna; August 20, 2011 at 11:30 AM
Anonymous said...: tak bole.. gne kod yg dkt entry tak bole.. ngan kod yg download tu pon tak bole.. tak kuar home.. nak wat cm mne ye?; August 20, 2011 at 1:13 PM
Wan_hazel said...: download pun tak leh..napa yg lain boleh je ye...; August 20, 2011 at 5:13 PM
Jamalina said...: Wan , saya dah try buat . Dia kuar gambar , tapi bila tekan tuh , tak kuar dekat home blog ! macam mana ni ?; August 20, 2011 at 10:44 PM
Wan_hazel said...: download kod tu taw..; August 20, 2011 at 11:07 PM
Linda said...: wan...thanks ye...da jadi..... :); August 21, 2011 at 7:15 AM
Jamalina said...: selepas download ? mcm mne plak ?; August 21, 2011 at 3:48 PM
Jamalina said...: Wan , dah jadik lah ! Thanks banyak banyak :); August 21, 2011 at 3:53 PM
Wan_hazel said...: sama2; August 21, 2011 at 7:24 PM
mimi_atia said...: thanx wan (^_^) cantek...suke3x..; August 22, 2011 at 3:45 PM
mimi_atia said...: tq wan..dah jadik (^_^); August 22, 2011 at 3:57 PM
Wan_hazel said...: sama2; August 22, 2011 at 7:34 PM
Cik Kasut said...: waa.. abg wan !
cik kasut da try.. gune image abg wan xpe kann; August 25, 2011 at 11:08 AM
Wan_hazel said...: ok..eehhehe..peace; August 25, 2011 at 11:31 AM
Little Mimi said...: salam wan, camne kalau nak buang balik? mimi da buang kod dia tapi, bila preview error.; August 26, 2011 at 6:17 PM
Wan_hazel said...: remove je kod yg sama....; August 26, 2011 at 9:26 PM
JiJie Jiaa's said...: npe ble jijie remove kod yg mule2 tu error??; August 26, 2011 at 10:19 PM
Wan_hazel said...: error???pelik btul...tak de backup template ke; August 27, 2011 at 11:03 AM
Little Mimi said...: backup template yg mcm mne tu?; August 27, 2011 at 3:45 PM
Wan_hazel said...: backup..simpan template b4 eddit; August 27, 2011 at 9:07 PM
Little Mimi said...: camne nak buat backup template tu?; August 31, 2011 at 11:13 PM
Wan_hazel said...: backup tu leh google taw..nanti ade tutorial kluar; September 1, 2011 at 8:23 PM
Little Mimi said...: okey thanks !; September 4, 2011 at 7:09 PM
Wan_hazel said...: ok..ehehhe; September 4, 2011 at 7:55 PM
aMiRuL CuTe ◠‿◠ said...: wan lps download image tuh nk wat ape lagi; September 13, 2011 at 8:02 PM
Wan_hazel said...: lepas tu letak dlm template macma dlm tuto tu; September 13, 2011 at 9:35 PM
Atira Syuhadah said...: thanks wan :); October 14, 2011 at 11:51 PM
Atira Syuhadah said...: bende tu jd . tp lpas tu die hilng sendiri . pelik la; October 14, 2011 at 11:57 PM
Wan_hazel said...: hilang ...kalau dah kene klik ke??; October 17, 2011 at 9:06 PM
Zahilatus Shima said...: tak menjadi...bile sye buat n preview dye error...mcm mnew nk uat nih...plez help me...; November 13, 2011 at 3:20 PM
Wan_hazel said...: download kod tu taw...lepas tu try lagi; November 13, 2011 at 8:39 PM
LittleClaw said...: Tak jadi pun, XML apa benda tah lepas tu gambar tu takleh lah. Macam macam.; November 22, 2011 at 5:52 PM
Wan_hazel said...: download taw...ade koding yg wan suruh download tu; November 22, 2011 at 7:59 PM
Atira Syuhadah said...: wan , nak tanya nih . macam mana nak hilangkan benda tuh ?

# sory menyusahkan wan :); November 24, 2011 at 2:45 PM
Wan_hazel said...: delete je kod yg sama tu; November 24, 2011 at 9:42 PM
The Puteri Azmi said...: WAN..

tak jadi lah..and now..?
nak kembali pada yg asal pown tak boleh..mcm mne ek???; November 29, 2011 at 6:14 AM
Wan_hazel said...: remove kod yg sama tu k; November 29, 2011 at 9:42 AM
Atira Syuhadah said...: dia ckp mcm nih "More than one widget was found with id: Navbar1. Widget IDs should be unique"

Macam mane tuh ?; November 29, 2011 at 12:03 PM
Wan_hazel said...: nak delete ke nak pasang???; November 29, 2011 at 8:38 PM
Atira Syuhadah said...: nk delete :); November 29, 2011 at 11:43 PM
Wan_hazel said...: kalau nak delete..delete kod yg sama je k; November 30, 2011 at 9:11 AM
Red Rose said...: tq...da jdi :); November 30, 2011 at 3:08 PM
Wan_hazel said...: welkam..peace; November 30, 2011 at 8:58 PM
Tuan Muda Afif Imran said...: Salam brother Wan hazel.
Saya dah buat Welcome Image saaya. Lepas tu bila saya nak masuk kat blog saya tk blh. Sbb welcome image tu tkde navigation to my blog. Cam ne ek? Kalau tk paham, masuk blog saya ; http://www.sengajabuatblog.blogspot.com :) Thanks !!; December 5, 2011 at 4:37 PM
Wan_hazel said...: Tuan Muda Afif Imran

dah try guna kod yg didownload??; December 5, 2011 at 8:20 PM
KhatijahAzman said...: salam , wan , dah guna and skunk nak delete . da delete kod yg same , tp preview dye tulis error laa . camne ehh ?; December 20, 2011 at 12:17 PM
Wan_hazel said...: delete macma tu je...nape tak back up template??; December 20, 2011 at 8:04 PM
Anonymous said...: ala .. np sy plk wat bile preview ok jer ..
tp bile nak save dy tulis sorry! x thu la sbb ape ..; February 19, 2012 at 12:11 PM
Wan_hazel said...: wan pun tak tah..bteer tak yah guna..sebab bnde nie mnyusahkn skit; February 19, 2012 at 7:57 PM
gagak putih said...: Abang wan mcm mna nk backup tamplete; April 14, 2012 at 7:35 PM
Wan_hazel said...: try google..ada tuto tu k..jejjee; April 14, 2012 at 8:40 PM
qistina said...: Cantik .Tq abg wan Menjadik dengan sekelip mata; August 12, 2012 at 6:15 PM