.Assalamualaikum ! ^^
(Jawab .. Jawab .. Tak Jawab Dosa!:)
Oke , seperti yang semua orang tahu , hari ni Lyssa nak teach korang kan , macam mana nak buat Welcome Image ni ..
Siapa yang takk baca ENTRY INI lagi , cepat pergi baca :)
Oke , mungkin template korang boleh buat tutorial ni , atau pun takk .
Kalau korangg pandai main coding , maybe ,menjadi lah kot !
Perhatikan betul - betul ye caranya !
Tapi , pastikan Download Full Template dulu taw..
Takot tak jadii kangg , menangis pulakk ..
Tapi , pastikan Download Full Template dulu taw..
Takot tak jadii kangg , menangis pulakk ..
1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates
2. Tekan Ctrl F serentak , cari kod ini :
]]></b:skin>
3. Dah jumpa ? Masukkan kod ini di atas kod yang korang carikan 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="URL IMAGE YANG KORANG SUKA"
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. Masukkan URL IMAGE YANG KORANG SUKA dekat warna merah di atas .
5. Url Image , korang boleh dapatkan di bawah ! Hambekk je sesuka hati korang ok ?
6. Lepas sudahh SAVE akan keluar KEEP WIDGET or DELETE WIDGET .
Korangg tekan DELETE WIDGET ok ?
***pstt.. Tutorial ni , kalau dah buat tak boleh delete dah taw kod tuh.
So , nasihat Lyssa , korang buat Download Full Template dulu . SAVE kod html korang dalam PC korang . Kalau tak jadi ke hapee , at least , ada backup enn :)
http://i.imgur.com/9qos6.png
http://i.imgur.com/77ESW.png
http://i.imgur.com/8iOw6.png
http://i.imgur.com/80cHf.png
http://i.imgur.com/cLWZ1.png
http://i.imgur.com/VC5pj.png
Jangan Risau Kalau Followers Hilang ..
Cuba Tekan Refresh ! Pasti ada Kembali !
Chill beb ! ^_^
978 000 orang Comment Di Sini
Write 000 orang Comment Di Sini «Oldest ‹Older 1 – 200 of 978 Newer› Newest»hurmm thxx :)
BIG THANKS LYSSA :D
Thanx sys... =)
wahh..comel2..teringin plak nk uat jugak..amek satu yep..hhii..tanx lyssa..:)
Kalau buat utk template biasa je, tak dpt ke?
@Fiife
Welcome lah .. hee =)
@CikAtien
Welcome lah .. hee =)
@azreen sofia
Welcome lah .. hee =)
@Yanaa
ok...Welcome lah .. hee =)
code yg pnjng berjela tu nak letrak kat bwh ke kat sblh?
code yg pnjng berjela tu nak letrak kat bwh ke kat sblh?
@nina's
ehee. try buat dulu okehh ?:)
T e r i m a k a s i h , k a k
L Y S S A F A I Z U R E E N !!!
@erin moshimoshi
kat atas.. kan Lyssa dahh gariskan dahh tuhh ..
thx yer lysa..comel lah
@aeinaa
aduyaii . dah tertulis.. dah gariss dahh . DI ATAS lerr..
ambik wrna purple ye
@shi-A :)
yupp . sama - sama :)
@erin moshimoshi
yerpp . wc =)
alolo. tomeiii :)
@shizuka tiramisu
ehekkx.. welcome ^^
@Myza Raihan ♥
okee.. bolehh . bolehh ^^
@FYA PELANG!
ahaa.. tomeii kee ? biasa jerpp ^^
Kak Lyssa : Thankyousomuch ! Farah buat jadik lahh :D A big big smile fer you :D Thanks again yeahh <3
tenkss lysa. lame dh cari tutorial cenginihh. sangat-sangat membantu ^^
@Farah Wahida
ehee. okehhh :*
tengs kak lyssa =)
@Nur Azfizatul Azwa Binti Kardir
yupp ..Welcome lah .. hee =)
@FITRI PERMATA SARI
Welcome lah .. hee =)
kak lyssa , cantiknyee ~ hehe , piqa da buat . thnks for the tutorialll ! hihi ~
comel, thanx lyssa
@budak comell
eehee. yupp . welcome ^^
wah semua comey lah lyssa..tenQ
@erin moshimoshi
tak bolehh VIEW ape yunk ? Lyssa bukak , boleh je blog kmu .
@Cida
welcome . hehe ^^
thanks a lot :))
@~niyssa_charlie~
wc =)
oo'oo..satu prob terjadi..kt gadget follower jd kosong balik..there are no member yet..O.='
apesal jd cm g2 eap lyssa??
Thanks Kak Lyssa comell ;)
Anyway . selamat hari raya !
@erin moshimoshi
ehee.. yg itu , Lyssa tak tahuu pulakk yunkk ~
@Yanaa
adess.. tuhh ahh .hmm :(
Lyssa pun jadii mcm tuh gakk . kengkadang ok , pastu , kengkadang , member kosong (0( :(
Kak lyssa mekasih :)) ru nk suruh kak lyssa wt..tbe dh ade plax.. tp npe navbar dy kebawah erk?
macehh kak lyssa...deqla amek 1 aw...syg kak lyssa..hehe..
wah dah jdy .. comel sgt.. thx ^^
@cHowKlarT oR strAwbeRry
guna tutorial ini ..
http://www.lyssasecret.com/2011/01/tutorial-hilang-navigation-bar.html
naa mnjerit jea !! arghhh !! thnx3 !! eycha mngidam snadd tutorial nyieh !! tengs sys lyssa !! ((:
Tengs aka lyssa . Mmg dok cari pun bnda ny . hehe ^__^
Thanks Kak Lyssa!
theks akak cyunk akak
theks akak cyunk akak
sy ambik satu lysa ! thanks :)
tengkiu akq !! tengkiu sgt2 . eheh . sya amek gmba yg pupel tu taw . ^^
akk lyssa , x jdi sy buad ? hermm :(
kak lyssaa,amek satu oke.
lame cari tuto nie.
yeay !! lepas 19 kali ulang alik dashboard dari subuh, kluar gak entry nih , thnxx a lot kak :)
ninie amek yang no 1..
tanks dear lyssa..tuto lyssa sumer mmg best !!
jemput lah tgk hasilnya di blog ninie ye (n_n)
amik stu tau...
tqvm
Akak , tak jadi lah >.<
echa said...
tengs k.lysa =)
kak lyssa !
teng u !
:)
Kak Lyssa kenapa follower sya hilang?..
thax kak lyssa , da lma na buad neh .
thanks lisa 4 tutorial..
nak try buat jugak ;)
hye sis :) bee dah curi 1 ! jadi3 :D tq :DD hee
yeah yeah ! jadi ! thanks kak lyssa !
@Balqisyosoeberul
jangan risaw ! kengkadang.. memang folloers akan hilang.. cuba tekan REfresh , mesti ada balikk ^^
Nice2 .
amek taw !
Thanks Lisa , menjadi :D
thankz lyssa....jadi :)
alahh ! syapik wat tak jadi !!! gamba kua,,tapi tak le klik la...penat dah klik ! tak jugk kluar..
@Lyssa Faizureen thankz yew sys :))
suke2,hehe,da lame nk wt cmni tpi xde org nk aja an..thanks a lot kak lysa..:)
xjd la kak lyssa..
thanks kak lyssa C:
jadi :) .
thanx sys lyssa :)
thanks kak lyss :) jadijadi fiqa amik yang http://i.imgur.com/80cHf.png ek ?
Thanks lysa ( :
thanks lyssa for the tutor :) Syu amek URL image tuh satu ehh :) Thanks again Lyssa :) ♥
Lyssa . Kalau nak buat sendiri ... berapa besar & tinggi ? hehe ?
ermmm..download template full tu...saya dh download..tapi kan..kenapa saya letak je..kod tu..x leh..x menjadi...:((((((((((
big thanks lyysa. ermm. nak share dlm tuto sy blhh ?
reply kat shoutbox*
thank youu..amek 1 yerrr :)
saya ambik satu ye kak lyssa .. Thank you :)
Assalamualaikum :)
Kak Lyssa tenkiee so much ,
Kak Lyssa mmg baek .
mmg patut la Mr . Pritt ske at akk .
hehe ,
jadii ! :-) thanks ye kak lyssa :*
thanks ye.>~
trimas cik lyssa :)
Tqvm , kte ambek stu gmbr tuu ekk .
thanx .. ;)
Thanks sys c:
Waah , canteknye ! Nnnty Anis amek x satu. Thanx <3
@Lyssa Faizureen thanks menjadi :)
saya ambik satu yew
thankkyyyy ^00^
x jadi lah kak lyssa . =(
thankss so muchh . kak lysaa love u :)
wah beshnye lyssa .. nak buat b0leh x?? besh sgt ni .. td tertnye2 g0k cmner nk wut cmt0 .. neway tanx tut0 lyssa..:)
macam mane nak buat rules pulakk ??
sis tengs so much , tuto nie menjadi .
saya amik satu ye kak lyssa . thanks :)
WAAA .. CUTE .. SUKE2 .. MINTAK 1 ERK .. MEKASIH .. ^_^ .. HOPE TA MARA ..
thanks kak lyssa..tp kn,nape bila buat welcome image nie,ad problem pada template designer??
sumthing error kat template designer bila bukak
@erin moshimoshi
lohh . awat tetiba takk bolehh pulakk nihh ;(
Lyssa,Dina ambik 1 eh.Dah ambik dah and menjadi.Thankie :)
thank kak lyssa
tpi kenapa saya punya
bila nak save
ea siap warning sekali??? ^^
say :- warning you new template does not include the following widget
kenapa ea kak lyssa??
#budakbarubelajabuatblog
yay!!!jadi!!!comel comel!!! thank you kak lyssa...
akak .. x boley la .. kalau preview dye tulis error .. sbb tu x brani nk save .. :(
sis lyssa..sy amik stu ye..great tuto!!:)
tq kak lyssa
Akak.. nape preview jadi ? tp, time nk save je , tak jadi :)
UPDATE
heheh .. sorry akak .. da bole da .. sbb ade code mengacau ..
Thanks Kak Lyssa :)
Saya amik satuu iyee .
Jadik sangat-sangat !
Kak lyssa nak tanye sikit boley ? macam mana nak tau anon comment kat blog kta ? maksudnya anon tu comment kat blog kita ... macam mana nak tau anon tu siapa ehh kak ? boley bagitau yas tak ?
kak lyssa kak lyssa , kan dia ada tnye nak buang widget navbar 1 tu kan ? bila piqa tekan buang , nnt kat blog tu jdi blank . cne nak buat ?
hik,.hik ! menjadi ! terima kasih ^-^
Assalamualaikum kak lyssa .
Sy dah buat and dah jd tapi knp bile bukak template designer asek error jek ?
akak .. blog sye ade navbar dekat bwh header .. :( cm ne nk remove ??
kak lyssa..npew yg dkt ats tue ilang ? yg adew bnda pntg tuh (follower,sign out) tue..dy x ilang, just jd kecik..so, dh x leh nk sign out..cm mna nie?
thank you kak lysaa..chumell sgtt !
kaq lyssa , dah jdik lah , mekaceh :)
syang kaq lyssa !! :D
Tira amekk satu yer gmbar tuh , untuk sementara , nnti nk buat sndiri :)
ambil satu ye kak.. thanks! :D
Thanks cumel..da jadik ^^
Thanks cumel da jadi ^^
Big2 hug 4 u =)
thankd dear,,toturial sis byk mmbntu akak..:)..luv u..:)
comel :)
ambk stu ye... :)
tyou kak
thanks kak,,kak at ane refresh ye ??
Thank , ambik satu !
wahh ! comel nye ! syeera na try laa .. syeera amik yg warna pink tuh ye :)
da jd tenx...
but rumit skit...da setengah jam cube buat akhirnya menjadi..
tenx kak Lyssa...
@redapple
da jd da...
tenx...setengah jam buat akhirnya menjadi jugak...huhu...
tq kak lyssa ! comel sgt
tp camane kak lyssa wat sndiry ? yelaa siap ade tulis lyssa faizureen lgy.. hrp d balas :)
alahh ! syapik wat tak jadi !!! gamba kua,,tapi tak le klik la...penat dah klik ! tak jugk kluar..
miss amek ni tau :)
thanks lisa for the tutorial, tapikan, camane nak bagi die betol2 kuar tengah2 skrin..sekarang ni welcome image anis agak keatas..please help me, tq ^_^
tenxs kak lisa ...
sys lyssa , asal x boleh ? benda nie utk mozilla je ke ?
Sys Lyssa, x jd pon . benda nie utk mozilla je ke ?
Tengs Kak Lyssa :)
mintak izin jugak lyssa ! cute lah .
akak xleh laa dy tulis erro.. dh macuk 15 kali dh try tp xleh npe ekk?
thanks sys lyssa~! follow laa kalau sudi.HEHE http://ceritacikyanie.blogspot.com/
Jadi laa akak ! Cantik dah blog adek :D
akk lyssa apple cari kod tuh x jmpe lhaa
akk lyssa apple cari kod tuh x jmpe lhaa
akk lyssa apple cari kod tuh x jmpe lhaa
akak x jadi pun ..keluar yg bukan ..lah ..x paham
thx,lyssa
AKAK , kenape die tulis error ? alah , tak suke lah macam nie :(
wah2... jdilh ^^ thnk kak lyssa ...
kenapa dah try,tapi tak jdk eyh?
ney yang kua haa.huhu
Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly.
XML error message: XML document structures must start and end within the same entity.
so cmne eyh,kak?
kaka lyssa . thankss . saye amek satuu tauu . comell laa . suke tuto ney .. thankss kaka comel (:
kak lysaa jadi... tapii kak ade tanda ' --> ' kat ats header.... macam mane nie kak ?
kak lysaa jadi... tapii kak ade tanda ' --> ' kat ats header.... macam mane nie kak ?
wah , da lme cari ! tengs kak cuz buad tuto ney ;)
da jdi. . .. thanx
lyssa ! using this tuto ! thankiee ! :)
so sweet :)saya amik satu . tq
so sweet :) saya ambil satu . tq
KAK LYSSA !! saya amek satu eh? trimass. sayang kak lyssa <3
yeahh akhirnya jd gak selepas 20 kali cuba thnks soo muchh kak lyssa
mae nak jugak yer ? tanx kak lyssa ;)
akak , why saye punye NAVBAR tersesat kat bawah ? Hmm , macamane nak letak NAVBAR tuy kat atas balek ?
thanks ye lyssa.. amek yg strawbery 2 k..mkseh sgt2..
sy punya jd kak tp kenapa rosak ? bile sy pergi template designer ...dy kata ada ERROR dalam code .sampaikan sy ak boleh nk edit warna blog sy .plisss tolong ...!
thnx kak lyssa . mimiey amek sato yea .
Yiyyyyy Kak Lyssa buat warna UNGU ! amek yaaa :) ... btw thanks
terima kaseh bebanyak ~
Thanx dear...akhirnye ade gak yg sudi share tutOrial nih..thanx sgt2.. :)
akak akak , da jdyy . wohoo , tengs yaw kak lyssa :D
akak akak , da jdy . wohoo , tengs yaww kak lyssa :D
lyssa! thanks! da jd...hehehe , jom la singgah kt blog sy kalo sudi.
http://norayunvelvetrossa.blogspot.com/
@scyyalicious jadi laa kak lysaa !! love you laa ! ^_^_^ thank you ! sayang kamu ! ^_^
lysaa tak jadik pun?? :(
Kak Lyssa, nk kena buat ape mase die kate "Warning: Your new template does not include the following widgets: 'Navbar1'. Would you like to keep these widgetson your blog or delete them? Deleting widgets cannot be undone." So, cmne eh? Nk keep ke delete? Help please! Thanks :)
jadik la kak!!trima kasih ya!!!!
Lyssa !!! Jadik la .
(sorry buat suspen)
Dah banyak kali gune tutor orang lain . Last-last , muke cemas yg mas dapat . kene edit blog balik .
tapi , lyssa punye tutor sangat berkesan !
akk , cye x jumpe la code yg kne wt ctrt+f tuh , akk bole bg code nye x ?
please ,
kak lyssa , thankss sangatsangat . jadi laa . sukasuka . thankss yaa akak , ;)
kak lyssa , thankss yaa . dahh jadi dah . sukasuka . ngee :D , thankss sekali lagii .
tak jadi laa , huhu
kak lyssa saya buadd x jadik pown...
kak lysa !! da jdy2 ,, tenxs :P
thnx sis , for this tuto . u mmg da bez . . . . sharing is caring hihihi ^_^
kak lyssa . mira buad jadi lha . hehehe . thanks akk . mira ade amek satu pic tu . thanks ea . halalkan tau :)
wahh , saya buat menjadi lah . ambil 1 pic ya . thanks :)
Kak ! Najwa Ambek stu tw ! Hahax ! Terima Kaseh akk ! Akk , snggh lrh ! www.najwaa0shi.blogspot.com
Kak , kalau tak de kod yg macam tu macam mane eh ??
thanks lyssa. HUHU. :)
tA jadi Lha =(
lyssa,macam mane nak buat url image sndiri..??macam lyssa buat tu..letak rules..
Lyssa , asal Iena buat ta jady haa ? Bile save jeaa , nanty dhea cakap More than one widget was found with id: HTML13. Widget IDs should be unique.
Tolong ~
ambek satu . tengss :) cumey sgtsgt
tyou kak lyssa :)
akak , Kenapa dea kua error . Then dea kata kena delete 1 widgets apa tah , adoii :(
tengs lyssa, cute sgt...^^,
Oh ok, dh dpt buat dah! Thanks kak lyssaaa ! :D
da jadik...=)
.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon