Jumaat, 26 Ogos 2011

Tutorial Welcome Image (Click Here To Enter)

klik untuk tumbesaran yang sihat.hehehe

Assalamualaikum semua dan salam 1 Malaysia.Ha, mesti sekarang ni ramai sedang membuat persiapan untuk pulang ke kampung halaman untuk menyambut Hari Raya Aidilfitri.Di sini D'ya Marshmello ingin meminta maaf jika ada terkasar bahasa dan tersalah bicara sepanjang D'ya menulis post blog. Tutorial kali ini ialah tutorial welcome image (click here to enter) .Tak tahu apa itu welcome image, cuba you all perhatikan time you all melawat blog D'ya Marshmello tertera welcome image seperti gambar di atas.Ramai sangat yang request tutorial ni, jadi untuk tidak menghampakan diorang D'ya buat juga tutorial ni walaupun tahap kemalasan semakin menjadi-jadi.Jom tutor :)


 Log in >> dashboard >> design >> edit HTML >> tick expand widget templates (jangan lupa okay backup template)

 Tekan ctrl+ serentak dan sila cari kod di bawah ini :-
]]></b:skin>
 Dah jumpa? Masukkan pula code ini DI ATAS code yang korang cari tadi. Perhatian, letakkan code ini di ATAS code tadi okay.


</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>


 Langkah yang seterusnya ialah gantikan URL IMAGE yang korang suka di perkataan yang bewarna MERAH .Di sini D'ya nak bagi freebies welcome image untuk you all.D'ya edit semua ini guna Photoscape dan Gimp2.So, D'ya harap sangat sesiapa yang menggunakan tutorial ni, sila kreditkan D'ya Marshmello okay.Bukan mudah untuk edit welcome image ni, penat tau.Hope korang suka sebab D'ya lebih banyak main warna, font untuk mengedit welcome image ni dan buat pengetahuan korang semua welcome image ini adalah transparent. Kredit kepada Google dan Tumblr dalam proses D'ya menghasilkan welcome image ni.

Pilih yang mana kamu sukaaa ... :)


http://i1101.photobucket.com/albums/g422/Dekya135/welcome1.gif

 
http://i1101.photobucket.com/albums/g422/Dekya135/welcome2.gif

 
http://i1101.photobucket.com/albums/g422/Dekya135/welcomeheader3.gif

 
http://i1101.photobucket.com/albums/g422/Dekya135/welcomeheader41.gif

Cantik tak header welcome image buatan D'ya Marshmello sebab D'ya betul-betul teliti dalam mengedit welcome image ni dan harap memberikan kepuasan kepada you all.Harap-harap you all suka dengan header ni.Caranya begitu mudah,hanya perlu gantikan URL IMAGE yang you all suka.Ehhh, jangan save dulu.Ikut step di bawah dulu.

 Lepas sudah save akan keluar perkataan KEEP WIDGET or DELETE WIDGET. You all pilih dan tekan DELETE WIDGET okay.Paham kan?

p/s : penat mengedit, huhu tapi rasa seronok bila dapat ajar tutorial bak kata pepatah 'sharing is caring' tak gitu? Sesiapa yang guna tutorial ni, sila komen dan like-like laju.heheheh Selamat Maju Jaya :)

Photobucket

126 komen bernas:

AreFiSya Aien berkata...

sys..sys edt kt ne?? btw cute

Batrisyia Anis Azrin berkata...

tq for the tutors

Syakira Qaisara berkata...

ambil stuu ^^

~ALIEYA~ berkata...

npe dlm x leh bkk??

miss tyaa berkata...

dya , nape kalau wt tutor nim , followers kte jdi xde ? dy tulis , there are no members yet :')
tolong saye . pleaseee . hee

nelly berkata...

maceh ! baru buat !!
:)

j0j0_bdiN@ berkata...

wah.. so pinky.. minak giler pink ker...

Fatin Ayu berkata...

thanks la awakss.. I like the Domo-kun one.. haahaa..

JMR berkata...

nmpk cam cool je..

hazirahkehik berkata...

cantikk tuto... amik satu yewww :)

Mimi Zackryn berkata...

Saya ambik satu tauuu :) thanks sangat-2 <3

lyla roux 71 berkata...

ambik satuu <3

ceritera si pari-pari buruk berkata...

ambil satu k...

Amirah Ali Hairuddin berkata...

mira amik satu ye :)

D'ya Marshmello berkata...

@AreFiSya Aien

D'ya edit dekat photoscape & Gimp2..Taklah sehebat mana nak pakai Photoshop.huhu

D'ya Marshmello berkata...

@Batrisyia Anis Azrin

most welcome :)

D'ya Marshmello berkata...

@Syakira Qaisara

okay,ambil jela

D'ya Marshmello berkata...

@~ALIEYA~

cuba guna kod yang baru sebab code yang lama mungkin tak boleh pakai.D'ya dah replace dengan kod baru.

D'ya Marshmello berkata...

@miss tyaa

owh,jgn risau..follower kita takkan hilang.just kamu kena refresh balik page itu okay

D'ya Marshmello berkata...

@nelly

sama-sama syg :)

D'ya Marshmello berkata...

@j0j0_bdiN@

haha,actually tak minat pon PINK, entah la, saje-saje kot suka pink colour.heheh

D'ya Marshmello berkata...

@Fatin Ayu

wahhh, sama la kita minat Domo yang comel-comel tu, hehehe

D'ya Marshmello berkata...

@JMR

cool? yeke cool? mungkin..

D'ya Marshmello berkata...

@hazirahkehik

tutor pon boleh cantik ehh? Heheh, okay ambil jela

D'ya Marshmello berkata...

@Mimi Zackryn

nak ambik banyak2 pon bolehh,,hehe

D'ya Marshmello berkata...

@lyla roux 71

okay, ambil jelaa.

D'ya Marshmello berkata...

@ceritera si pari-pari buruk

yyeee. dipersilakan ambil :)

D'ya Marshmello berkata...

@Amirah Ali Hairuddin

okay my dear :)

♥♥are-na ♥are-lip♥♥ berkata...

thanx for totorial . . da jady! . saia amek yg domo tuh keyh . .

Nabella Ieyla berkata...

dah try cari mcm 2 blog yg ade tuto neh, sib bek jumpe! btw thanks!

D'ya Marshmello berkata...

@♥♥are-na ♥are-lip♥♥

Most welcome.wah peminat domo la ni.okay :)

D'ya Marshmello berkata...

@Nabella Ieyla

yeke baru jumpa? Nasib baik jumpa blog D'ya Marshmello kan? Hehhe, just kidding.most welcome dear :)

IFFAH :) berkata...

thanks akak ! dah jadi. By Nurul iffah, kakak NS. :)

D'ya Marshmello berkata...

@IFFAH :)

kakak NS ? hehe, by the way good try :)

AreFiSya Aien berkata...

@D'ya Marshmello oh..

shashaLolipop berkata...

d'yaaa.. nape tak dapat eh? bile dh tkan delete widgets, trus kuar camnie "about:blank". hope bole bantu.(:

Nuraeyn Najihah berkata...

ambil satu yg saya gadis lolipop

D'ya Marshmello berkata...

@shashaLolipop

aih napa tak dapat eh? cuba buat betul-betul dan pastikan code tak salah letak :)

D'ya Marshmello berkata...

@Nuraeyn Najihah

okay, dipersilakan :)

Wan23Bieber berkata...

amek satu ye :)

cik peyza berkata...
Ulasan ini telah dialihkan keluar oleh pengarang.
Puteri Faralya ! berkata...

mmg comeyy !
saya amik satu ..
thx very2 muccchhh :)

AmiraNatashaAman berkata...

dya , kne saye buad ta jadi . time review dia ada. tpie bile dah save , saye view blog dia tade plak .

D'ya Marshmello berkata...

@Wan23Bieber

okay dipersilakan :D

D'ya Marshmello berkata...

@Puteri Faralya !

heehe, mana ada comel.D'ya edit biasa-biasa aje.takde la la terer sangat mengedit macam orang lain :)

D'ya Marshmello berkata...

@AmiraNatashaAman

erm mungkin ada kesilapan teknikal kot.cuba awak check balik.Kalau tak boleh jugak, cuba refresh balik page itu okay :D

Nadhrah Ishak berkata...

nak ambik satu :DD hee niceeee lah ,

waniey cun berkata...

ambik atu

D'ya Marshmello berkata...

@Nadhrah Ishak

dipersilakan ambil :)

D'ya Marshmello berkata...

@waniey cun

okay my dear :D

LeyLy ShEdA berkata...

amek satu yeee..

rozrozana berkata...

sye amek satu ye sis ..

DomoHanieyBee berkata...

saya ambik 1 ye kak. ;]

yuyun berkata...

kak..tutor ni menjadi tapi page element add a gadget saya hilang..mcm mana nak dapatkan balik?

D'ya Marshmello berkata...

@yuyun

macam mane boleh hilang? cuba refresh balik page tu,

yuyun berkata...

Iya..ok dah page element saya.. :) tq kak

chenta leyna berkata...

salam sis..sya ambil satu ye sis..hehe..

MiFiqa berkata...

amek satu :)

Meyy Asyu' berkata...

Dah jadi tapi bila keluar gambar tak boleh nak tekan untuk masuk blog. Huh, weird @___@

Hani Nisah berkata...

akak,knp saia x jd...
huhuhu..
tlg saia...

syasyi_syaz berkata...

mcm mane nk delete bnde nie balek , ??

noorzeatyalia berkata...

thx so much kak dah jadi tee--heee.. :D

hanifah berkata...

cntekk!! sy amik satu.. x ..dua.. hehe.. tq...

Farieyna Bahri berkata...

hi, nak tanya..klu nak buat gambar sendri..nak tau brpa size gmbar tu.. bab tgkla yg sy buat.. size 3000px tp tetap gak kecik.. tensionnnn

Ezza Hanis Farahain berkata...

ambik satu :)

siti anna syiba berkata...

sys saya amk satu :) thankss ^^

misz . grr ~ berkata...

org amek domo oke ?
thanks a lott :)

Ezaty Najwa 08 23 berkata...

urm.sye pnye x menjadi. dh berkali buat. bole sesape tlg? :(

#misseymamusyuk2# berkata...

thnks akak..mnjdi...:)

cik fify berkata...

thanks for the tutors .
dah jadi :)

mrs.pieqah berkata...

aka , nak amek satu buleh ? ;)

Saida :D berkata...

saya ambil 1 ye kak comel :)

Wani Roslan berkata...

Saya amik satu ye :) Thumbs up (Y)

HanimSaiful berkata...

dya, knape bila boh bnda nih, bila nk add a gadget takboleh?

D'ya Marshmello berkata...

@HanimSaiful

rasanya benda ni sesuai untuk sesetengah template je, kalau takleh bukak, sila padam balik code ni k

Niena Sofea berkata...

@D'ya Marshmello

salam sis, sy da try buat .. tp npe ek kuar error time nk save tu ? lgi 1 , untk blogger ni , which template is better to use ? sbb ble da pkai tmplate blogger , then ltak background sndri .. when enter blog , the background of da tmplate come out first , then follow my own one .. how to overcome that problem ?

HanimSaiful berkata...

dah padam, tapi dia masih adaa :) tlg buatkan bolehh?

Fatehah Najwa berkata...

d'ya I amik satu yeah? by the way, macam mana nak credit you? I tak reti lah,ajarkan :)

Ryya Nur KS berkata...

i amek satu! cute! btw, thanx. halalkan ek!

Exodus berkata...

@D'ya Marshmello

D'ya, dah boleh dah add a gadget. Tetiba ja bolehh. Anyway, thanks yeaa <3
love ur stunning blogg. So cutee. :)

Gadis Main Sembunyi berkata...

DONE..YEA..THANKS :)

✖ Elrynna Edora ✖ berkata...

kak , saya da cuba , navbar pandai ketepi sebelah kanan pulak . mcm mane ni ? tolong please :)

wunny berkata...

i'm using :) thanks yeah !

Amy Rose berkata...

saya amik yang ketiga , cantik plak tu ;) thanks akak .

조영민 berkata...

thank for the totu.. saya amik totu ini dgn pic number 2..

RainbowVEVO berkata...

sis , thanks for this tutorial <3 !
cantik sangat !
xoxo

LysA bOncEt ! berkata...

akak , npe tak jdi ? da tekan save ,dda tkan delete widgets , but still tak boleyh . .npee ? tetibe jee blank ?

saLmah kamaruddiN berkata...

sye amek 1..very cute

Nasir Mukhriz Rahman berkata...

x dpat pon bukak die tulis error..camm ner nih? dh pnat m'edit gmbr skali x leh buat lak..aduiyao, TOLONG~

siti sabrina berkata...

@D'ya Marshmello

but my variable no match with that codes :(

azue berkata...

@siti sabrinasis,sy xleh dlete welcome enter.tlg.plesss

Tanpa Nama berkata...

mcm ne nk remove ??

Moon Robi berkata...

If sy nk remove bagaimana ?

Moon Robi berkata...

If sy nk remove bagaimana ?

Azwazawany Amir berkata...

wah !! cantik2 saya suka !! II ..
amek satu ya ..
thanks d' tutor ..

Madihah's Story berkata...

tq akak comel!
jadi!

Aliah berkata...

akak,knp kalau saye nak copy code tu,tak boleh nak copy???

cikk jue berkata...

saya ambikk 1 :) cuteeeee

~miss ieza~ berkata...

Sis, plis help me.. dah beribu kali wat tapi xdpt.. die kata ada eror bila nak save.. bila preview ok je.. tp bila save die keluar ada eror (bX-wlq4v) .. u tlg wat kan kat my blOg bOleh x? :)

~miss ieza~ berkata...

plis help me.. x dpt wat.. bnyak kali wat pOn x dpt.. hurm...

mn6bil berkata...

tqvm..mnjadi dan buat saya tersenyum..
tp..nape setiap kali klik entry or page lain still kluar gak gmbar 'click to enter' nie..:(
cbe ah tgk mslah nie pd blog sye..
http://mn6bil.blogspot.com/

Saleha Roslan here :') onefour . i'm not single. berkata...

amek satu yee . trimas ! :)

mimIE e-MimiE berkata...

alah kak..apasal tak jd?

Muna berkata...

salam dya.. sy dah buat..jadi. thankz.. tapi yg xsuka nya.. bila buka blog sy, follower semua hilang!!! kenapa boleh jadi macam ni? so sad :(

Batrisyia Speacial Blog berkata...

thnk for this

muzainah matarip berkata...

TQ2

naninina berkata...

saya nk satu, saya nak satu :)

Aina Majid berkata...

saya da amek satu, thanxxx :)

Syafiqah Nadzirah berkata...

saya guna tutorial ni, and disebabkan Domo tu cute, so saya guna image tu. Bolay kan? hehe, thanks for the tutorial :D

dila nadila :) berkata...

menjadi TQ saye ambik satu k :)

dila nadila :) berkata...

menjadi TQ saye ambik satu k :)

dila nadila :) berkata...

menjadi TQ saye ambik satu k :)

dila nadila :) berkata...

menjadi TQ saye ambik satu k :)

dila nadila :) berkata...

Thanks for tutorial :)saye ambik satu

dila nadila :) berkata...

Thanks for tutorial :)saye ambik satu

Unknow2012 berkata...

Thanks :) Not bad

Steph berkata...

Hi, new to blogging :]
My blog has some issues!
About the welcome page, how to move the picture below a little bit just to be in the center? Mind to help me?

http://stephtoh-06.blogspot.com/

Silly Blog berkata...

kenapa ada tulisan "Kesalahan saat mengurai XML, baris 13, kolom 3: The element type "head" must be terminated by the matching end-tag ""."

Tinie Zati berkata...

Hai..saya new blogger..masih hijau.bleyh tak kalau saya kasi my blog email n password..n then awk tlong editkan untuk saya?kalau bleyh thnk..i'm appreaciate it

Farhana Shukor berkata...

@AreFiSya Aien

kenapa takboleh right klik ? cemana nak copy link

Iza Dahlan berkata...

Akak ? Nape xleh ek ? Dah cuba banyak kali dah . Xdapat gak . :( die ckp kat situ , "Invalid variable declaration in page skin: The skin variables could not be parsed as they are not well-formed. Input: "

MissM Amirah! berkata...

@D'ya Marshmello Hemm,nape x leh copy ap yg awk tulis??Susah saye nk ijut tuto awk kalo x bleh copy :/ Tolong saye :')

Tanpa Nama berkata...

@MissM Amirah!kan2

Nurul 'Aiziz berkata...

salam, merayau2 cri tutorial singgah sini.. nice blog ^_^ done follow u, follow me bck ok oyasumi!

Nakashima Koharu berkata...

Saya amik freebies no 3 tau...

Sasya Nazreena berkata...

kak , saya guna yang classic so macam mana ehh ?

 

Designed by D'ya Marshmello

Lesen Creative Commons
karya ini dilesen dibawah satu Lesen Pengiktirafan 2.5 Malaysia Creative Commons.