.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 801 – 978 of 978 Newer› Newest»mekaseh, k.lyssa! :)
thanks..;)
adik...akak amek satu ek...comey la...mekaceh ek..
lyssa..kenapa akak refresh xkuar jugak followers..???hukhukhukhukhuk... :,(
TOLONNGGG...!!!!!
kakak!cmne nk download full template hehe..??tlg reply ea..kakak chumell!
Credit to k.lyssa for tutorial
k.lyssa . anna amek stu ea .. comey sgt.. tnx ..
Kalau nk delete camne akak lyssa ? please
x jadi la...:(
Assalamualaikum. kak lisa! mcm mane nak ambil dari picture luar? i mean x nk picture tu.. kak lisa punya lawa. tapi kite nak gambar yang lain mcm mane ye?? hope kak lisa boleh help me. cause sye x berape reti nk edit blog jdy cantik.. hehe.. tq..
kak macam mana nak buat gambar tu sendiri ye??
tak reti guna ctrl f la .try buat tapi tak lepas jugak .hmm acano ni :(
tengs lyssa..menjadi lah :)
tengs sesangat
hay kak lisa.. akak.. kite tahu cre cne ctrl f tp bilrr kite tkn slalu tk jmpe kod dy. knape ek??
knp ta jadi yea lysa
cantik :D terime kasih kak lyssa :)
ala kakkkk..tak jd lha..mcm mna nie?? kalau dah tekan save mesti dea tulis about..blank..ndak da idea suda..10 kali suda cuba ..sobs sobs..
knp saya buat x jadi..dh bnyak kali dh buat..mcm mne nk buat ek .??bosan wat bnyk kali..tolong ajar bley .??
Hai akk , mcm mne nk delete welcome image ni ?
bru jadi la.. slownye sye.. haha.. bru ade aty nk wt.. to0 bru nk try.. hehe.. thankz ea..
@Lyssa Faizureen
kak lys.. x de wane laen ker.. orange ke.. blog wawa kale oren..
lyssa,,,amek satu,,,tangz aw,,
cute tgt,,,
lyssa i da bnyk kali cuba and this is my fist time finally jadi jgk ty syg <3
hi kak lyssa!! nak tanye cam ne nak uat tuto di blog sendiri!! tolong ajarkan plz!! :)
Tak jadik lah kak Lyssa ! :(
kak lysaa ,, nk buat macam mne nk letak kat atas?
omg i've been searching this for months! I LOOOVEEE IT , THANKS SO MUCH , MUAH :*
akaaak , kenapa bile saya nak buat benda nih lepas2 dah save tiba tiba dia cakap Invalid variable declaration in page skin: The skin variables could not be parsed as they are not well-formed. Input: Tolong saya kaak, terima kasih :D
kak Lyssa, saya nak re-edit akak punye freebies untuk header saya boley ... peanutchoc.blogspot.com ... thnx a lot :]
kak Lyssa, saya nak re-edit akak punye freebies untuk header saya boley ... peanutchoc.blogspot.com ... thnx a lot :]
saya amek satu untuk kawan kakak sayaa yaa . len kalii , insyaAllah akan amek lagii ,.. teheee ~
YEY!!! jadi... thanks very very very much Kak Lyssa!
mcm mana nak buang click image to enter nie erk ?
kak lyssa , , kite nya widget toe dha ilanglha . . jadii nak dptkannya balik mcmna ekhh . . huhuhu
kak lyssa ,klu guner old template cmner ?
Hermmm,,,,,x jadi lah,,dh ikot 100% x jadi poonn,,,
Kak Lyssa x jadi lagi ! mcm mane nie???Dh buat byk kali tetap x jadi,,,,
kak lysaa thank sangat2..jadi lah..love u
salam . kaQ lysa , camne nak save ?
thanks sys comel :)
thanx kaq lyssa . sy suke sume tutorial yg akq buat :)
terima kasih kak lyssa.. da lama saya cari tuto ni..
x jdy pun
Akak,hermm,, nape saya buad asik x jadi jerp??
Kak lysaa ! Kita suka yang ni , Thanks he ! :D ♥
tenks akk jadi lah!
kak lyssa.klau bende nih..bile kite nk bukak older post dea akan ada dan ada balik..ader tak tutorial untuk welcome image nih dea akan appear satu kali jewh?
Kak Lyssa , Kalau Pakai Blogskin Takleh Eh ?
thanks kak lyssa!!
Saya amik satu.. Saya dh credit kak lyssa...
Kak Lisa!!! saya tertekan keep widget.... so, gambar dia jadi kecil... tolong nak buat mcam mana....
Kak lyssa lepas dah download full tamplate tuhh .Ape yang akan jadi eh? Bingung lah . Hhehehehe
Assalamualaikum akk...
sye nk tny... klo yg utk blogger bru tu nk wat mcm mne?? sbb sye newbie lagi dlm blog nie....
boleyh tlg ajar kn x??
TQ for sharing..
akak lysa,thnx you sangat sangat,,jadilah :)) btw,,dh lama cri bnde ni,,thnx akak
lkak lyssa.. saya sudah peninglah.. k. lyssa tolong buatkan untuk saya boleh?? kalau tak menyusahkan...
kak lyssa, sy dh bwt. tp cmne klau sy nk delete nie ea?
Fatin ambil satu... 10q
alhamdulillah !! menjadi juga.. huhu thanks a lot miss sweety. hehee
lyssa...xjd lha...pas tkan delete widget tuh..trus blankla..cmne tuh..huhu
yeayyy ^___________^ dah jadi :D thanks lyssa !
Akq , dkat blog kite , xde kod yg akq soh cri tuh la , kite gne blogskin , mcm mne ekk ?
kak lysaa terimakasih tauu
Sys,camne nak DOWNLOAD FULL TEMPLATE tuu ?
Sys,
camne nak DOWNLOAD FULL TEMPLATE ?
Ajar~
Akak, macam mne klau 'unable to save'???
Kak lyssa...cmne nih..saya dah ikut yang kak lyssa tulia atas tuh..tp dier kata error and cannot conduct your request this time. please provide the following error kod?
huhu...tp apa pun sumer tutorial kak lyssa yang lain menjadi je..yang satu je mcm...er...^^ (dr smlm duk buat..huhu)
tak bole lah kak :(..tekan delete widget jee die nnti page jdy blank..
lysa, i dah buat mmg menjadi. but click to next post die akan naik balik image 2.law xnk naik balik boleh x?
yeahh , jadiii , tenggss kak lyssaa :)
Thankyou kak lyssa. Dah lama saya cari tuto nihh. Akhirnya jumpa, Alhamdulillah, tahnkyou so muchies :)
thnks kak lyssa ~
KAK lyssa...sye jmpe REfresh tu..>_<
kat ner ek refresh ue????anyway sory.
Akak Lyssa...saye dh buat exactly like kak lyssa said tpi...tpi bile reload balik...follower still all gone...please kak lyssa...tq
assalam kak..sye dh cube buat tpi x jdilh..cmne ek???sye x rti lah...sye x fhm mcmmne nk buat tu..akk ajrkn sye ..
x bole pon , cmne ? cube ajar siket ..
tlong ajar..
lyssa , kalo xnak pkai da mcm mne nk buat ek ??
thnks kak lyssa <3 comel sgt2 <3 hehehe ,
camna nak buang welcome image ni
Thanx Kak Lyssa !
saya ad try buat. thanks lyssa. jadi :) tapi kenapa kat saya punya template (live on blog) bahagian nk edit part yang html & customise tu, da xkeluar pic saya punya blog, tapi pic blogger yang scrath.
sama la :( jadi tu jadi, tapi error kt template designer.
cntek la kq..
ade x freebies yg len ??
akak tak jadik pon...
bagi lah contohh .. hehe .. kalau kak lyssa free lah :)
akak saya nk satu boleh :)
Akak!!Terima kasih sangat! :)
tq k.lysaa...mmg da lame cri tuto ni n syukur sangat2 jumpe at blog akak..tq jgk bg free yg kt ats tuh..tenz a lot chomel ! :D
thanks kak lisa .. hehe
wah,dah jadi dah! suka suka suka. ^__^.thank kak lysa sebab sudi share.
kak lysa thanx , but kenapa followers jadi kosong even da refresh :( mnx bantuan kak lysa pleassseee
kak lyssa,x jadi la..dy kte"Error parsing XML, line 18, column 3: The element type "head" must be terminated by the matching end-tag ""kt mne nk ubah menjadi 3 column ?
tme kasih cngad2 !
:)
DPT.THANKS LYSA :)
kak lyssa...cmne lak klau nk buang bnde nie.????
Thanks kak lysaa. Thanks A lot :)
May Allah bless you :D
THNKS...jd...jd follower sy hehhehe
kenapa tak ada gmbr kak lysa..??kosong je...:(help..:(
kalau gune blogskin cam ne?
kalau gune blogskin?
welcome image untuk lelaki ade x?? hehehehe..bru buat blog ni :DD
KAK MACAM MANE NAK LETAK GAMBAR KITE ????
nak delete welcome image ni cam ne ? lepas buat terus tak bole nak tengok blog sendiri :(
thanks kak lyssa. :))
akak , macam mane nak delete welcome image ni ?
abes apa yg perlu di buat kak
jdi la kak,thanks..!
Camne nk buang balik ?
Jdi Pown Kak Lyssa . Thankss ^^
Kak Lyssa, saya still x dpt lha.. kak lyssa tolongg~
kak lyssa...!! macam mana nak remove this..~ tOlong!! please!!!
Akak jadilah... terima kasih kak...
tutorial the best...
<3 you!!
thanks kakk... cute lahh..
SALAM...SYE BUAT SMUA X JDI...MCM MNE TU....
thanks lyssa..love you !
akk , mcm mna kalo na delete ?
Akk , mcm mna ehh kalo na delete ?
yeayyyy!!!jdi..tq kak Lyssa
Lyssa, how do I install it? why my blog can not arise?
thx so much lyssa love u! =)
thanks kak lyssa saya ambik satu ye welcome image tu
Terima kaseh kak :)
thanx a lot.. dh jdi.. :D <3
Akakk , nape x leh eh ? Dah cuba bnyk kali da . Xdapat gak . Die ckp kat situu , " Invalid variable declaration in page skin: The skin variables could not be parsed as they are not well-formed. Input: "
:( tolong kakk ! :((
cam ne nie??x taw nk pegi mne
kak lyssa, I got it! thanks..tp follower sdy hlng, mcm mne na bwt? tekan refresh dkt mne?
salam .. erm , mcm mana yg mau tekan ctrl+f tue yee ? abis tue cari kod yg dibg tue ? tak fhm laa
mcm mana nak tekan ctrl + f secara serentak n then cari kod tue ? tak pndaii laa
nda jadi laa . dia ckp yg unique'II tue .
Kak lyssa apasal x jadi pun :( saya new blogger . Tlong lah sayaa !
Dah lama saya nak buat benda ni .
Tp apasal x jadi phownn ! TT^TT
@Lyssa Faizureen
Tak menjadi -.-
Xboleh Laa :( xde Kuar pom Keep OR dELETE wIDGET . sEDIH NYA :(
welcome image saye rosak... dye ade kat tengah.. pastu x buat ape2, dye cepat je ke tepi and x tekan pape dye ter bukak.. dah rosak.. akak.. tolong saye.. http://myblog-cass.blogspot.com/ .. please kak... yang lain... kalau tau.. tolong saye ea?? sedih nie.. :'(((((((
kak lyssa knape kite wat x jadi
kak lyssa knape kite wat x jadi
@Fiifekak lisa , ,
camana ni saya punya blog xjadik la
sbb saya lupe nk download template sebelom ni, ,
TOLONG SAYA
blog saya dah xnampak isi dia dah
blank je
Klu dh buat mmg x bleyh delete ke??
kenape tak boleh ye kak ?
terima kasih kak lyssa ! happy sangat
lyssa, kalo mau dihilangkan bagaimana?
saya ambik satu kak Lyssa. :)
thanks :)
tq kak lysaa :)
akak nape dia xnak kuar??
:(
Salam kak ! jadi seyhh >< ta sangka lar >< thanx kak lyssa
kak lisa .. saya amek satu k :) cantik sangat ..
Asal sumeww tuto yg akak lyssa wat x jd ek? TOLONG plz .. :3
yay thanks kak :) kite bnyak edit blog guna tuto akak , semua menjadi :) saru je tak jadi , tapi takpe , tak effect sngad sebab benda tuh tak nmpak sngad :) thanks kak ;)
thank you....saya amik colour pink...
akak , kalau dah buat welcome image , tp nk delete macam mne ? boleh ke ? :)
Thanks kak lyssa. Dayat appreciate sangat ! :* muah setepek !
Saya dah try but code yang perlu dicari takda . macam mna sekarang kak?
assalammualaikum..sis..sy punya blog untuk edit html tu knapa x boleh eh?? dulu boleh..,sekarang x boleh..x da tempat untuk tick expand widget..pliss help :(
Kak lyssa, kalau simple template x boleh guna tuto ni eh? =.=
salam,,akQ :'( npew saye wat x jadikk?? :(
kt mna nk tick expand widget templete tu? xjumpa la :(
thanks akak.. =D
Assalamualaikum kak..
tolong ler sye..
sye carik yg code tu xjumpa pun bila dh tekan ctrl f....
tick widget template pun xjumpa...
ni blog yang baru~~~~~~~
Assalamualaikum kak..
tolong ler sye..
sye carik yg code tu xjumpa pun bila dh tekan ctrl f....
tick widget template pun xjumpa...
ni blog yang baru~~~~~~~
@FiifeMacam mane nk download full template ? dh cari tapi x jumpe .. ;'(
Kak lisa, nape saya buat x jadi bila tekan edit HTML die kuar lain .. Help me..
nape x jadi ? bila tekan edit HTML kuar lain.. Help me Kak Lisa !!!
Kak Lyssa! Tolong buatkan! Saya tk reti lah....
kak lisa ... boleh ke letak yang buat sendiri punya???
Tak jadi la
hi, kalau utk new templete mcm mana ya? can u guide me? email me at halidarahman718@gmail.com truly need yur help for my assignmnet. tq lyssa
Assalamualaikum Lyssa, boleh tak rekakan welcome image untuk lelaki sebab welcome image yang Lyssa bagi untuk perempuan, please lah...
akk, tk jdi pon ??
Dah jadi . thanks dear kak lyssa :)
Saye jadi.. Tapi,. Ada pict Blogger pecah
Assalamualaikum kak .. Saya nak tanya .. ada tak yg laen pny ??
kalau ada , bagi saya link tu ... saya nk cari yg the best pny ...
Kak lyssa !! Nak gna freebies yg terakhir boley ? Cantik !! saya suka :D Btw , saya slalu ikut tuto kak lyssa :D
thanks lisa. so cute =)
yg welcome tu jd, tapi dia timbul dekat tepi. how to center kan dia ?
Assalam kak lyssa, tahu ni post lama, tapi saya nak tanya, memang dah tak boleh buang semula ke? Menyesal kak buat T^T
@Tia
boleh kalau nak buang balik. cari balik kod tu kat edit html.
.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon