21 August 2011

Tutorial : Welcome Note 'click enter'

Assalammualaikum

1. Dashboard >  Design > Edit html > tick Expand Widget Templates

2. cari code ni :  ]]></b:skin>

3. copy code bawah ni :
/* 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="LINK IMAGE"
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>
 4. paste atas/sebelum ]]></b:skin>

merah - url gambar

ukuran gambar
height : 500
width  : 760

kalau tak ada image , boleh ambek bawah ni asalkan credit okay .


https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpRIHxPzA68pF2f0gcAlq2AekhG5aGiY20h9l-9qMmiJhm4uWDLo5Fo5QQb_XbfMzDVo-ULUpk-3tdTpJgfEXT2-wsiCbFjdZGhc_6_52Iy1qIf8FnHTHsQBICU-z7Uf0FDBSKo_-0dRs/s1600/freebieswelcomenoteblue.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsPiS0ak7etrBFdM_l6sAS6sTjSuDXB8gfpmmJx8OcFopuNoSmsheIkGljvYnwwkr5dsf99QdhEPlfEn3lPE66i61eiaY7gTSJnxGuGAHL6tgEtGr1VECd9-S6SbB0t1Wf43OgmWCbHKE/s1600/freebieswelcomenotepink.png

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiE2WazbAwjNWupJbkjUsdhE4uUQpHHHKp1aWYZJXvDg6KG5CR_H-7-Gma112hvF3cLq4Djiil4cgop9bLXOt3O1qcYM3JRgcvPlOyJjH2ozd2jXWlqR_qQ8FKcJGM8yvFy7E8NkaWoUEU/s1600/freebieswelcomenotepurple.png

krdt : pusheenlover.blogspot.com
littlemisspaintbrush.tumblr

318 ✿:

«Oldest   ‹Older   1 – 200 of 318   Newer›   Newest»
Yasmin said...

awakk yas nak tanye sikit macam mana awak buat kotak tu ehh pastu dalam dia ada code tu ? macam mana awak buat ? bila yas paste cod tu asik-2 tak menjadi :(( TOLONG !!

Nana ◕ ‿◕ said...

heeh , nana ambil stu yg wrna pink tu ek ;D

Nurhafizah said...

@Nana ◕ ‿◕ ok .

Fara Aina said...

HERMMM...mcm mana nie..nape dye kata error..tolong boleh x..:(

Nurhafizah said...

@Fara Aina slap ltk ke ?

nurul anati said...

okaay thanks. menjadi :)

Anonymous said...

huhu , sy amek satuu Kaka Pija ^-^

elisa ♥ said...

amek satu taw ! thanks :D

Nurhalyda Amyra said...

ambik satu ye kak

Saiful Anwar said...

Terbaekk tutorial nih . Menjadi guna picture bikin sendiri . (y)

Diela Adiela said...

amek 1 yarh..tengs

Afiqah Roslan said...

Nak amik satu jugak #weeee :]

syaf fays said...

die kene gune full template ea ?
denim tabole buad pon ? atototo

Cikgu Zahora said...

thnks dear.. suka..

Raihan Jeffry said...

amik satu ea kak?thx :)
tp kan kak knp dia cm kt tepi x dkt tengah ?tlg kak TT

ila said...

nape dye ketepi ea?
mistake kt ne sye buad ea?

Qila said...

Amik satu ye , thanks :)

Unknown said...

Amek warne pink :) Thanks a lott c:

FiQa said...

ambik satu ea yg warna biru . thanks :)

Anonymous said...

thanks for tutorials.. I'm using them for my blog.. :)

Afeeqah Anuar said...

tak menjadi lak~~dia kata error..camna ni??huhuh

AAZ ♥ said...

ambik satu ehh? tenkiu for the tuto :)

Nurhafizah said...

@syaf fays sy buat gne template denim bleh je ..

Nurhafizah said...

@-BR- code blog awk lain skit ke ?

AAZ ♥ said...

kalau template designer bole guna tak tuto nie?

Nurhafizah said...

@ila code blog awk lain skit ke ?

AAZ ♥ said...

kalau template designer bole guna tak tuto nie?

NMBLUESKY said...

thanks 4 this tutor.. ambk 1 pic tu ya ^_^

Nurhafizah said...

@Budak Sepet :) rsanya bleh .

AAZ ♥ said...

dah try! tak bole, huhu :'(

syaf fays said...

tapi asal die error -,-

nthsya said...

pija, saya ambik gambr warna ungu tuh okea. thanks ;)

Nurhafizah said...

siapa yg guna template designer , image tu akan ke tepi sikit . yg guna classic template tu xde problem .

Nurhafizah said...

@Budak Sepet :) sy dh try dkt template designer . bleh je .. awk slap pape ke?

Nurhafizah said...

@syaf fays sy dh try wt . mnjd . mybe awk ade slap code ?

wawwaHACKS said...

orh..kak .macam mana nak buang balik ??? nak kembali kepada asal lah .

wawwaHACKS said...

kak..macam mana nak tuka kepada asal ?? hari tu dah pernah buat benda ni tapi sekarang nak buang .macam mana ??? tolong kakak );

nazihah said...

saya ambik biru !

Hamma Hemmy said...

macam mana nak centerkan dia ?

Nurhafizah said...

@wawwaHACKS awk buang code tu .

ღ Nurul Asyikin ღ said...

Tuto menjadi. Bestnye tuto kat sini ! Semue ade. Ambil 1 yg Pink tau ? Thanks ;)

amirah raihan said...

amek warne pink satu sis :)

No one said...

kita ambik tau ? thanx <3

WAJIE_DRAGZ said...

amek 1..thanx eyh

Nur Amalina Syahirah said...

awak...sy ambik eh satu. hee. thanks 4 de tuto btw. :D

MunawarahAM said...

saya amik satu ! hehe thx sgt2 ..:D

Nurhafizsa said...

kitew pon ambik satu..yang gorgeous tuhh..thanks akk pija..

Sofea Mohammad said...

Sayaa amek satu eah . Thankyou :D

Natasha Aqilah said...
This comment has been removed by the author.
Nurhafizsa said...

ambik satu...thanks kak pija..

NrAtikahIsmail said...

amek satu tauu .. tengss !

Nurhafizah said...

@Natasha Aqilah buang dlu la . lps dh edit dkt page elemnt , letak blek .

Natasha Aqilah said...
This comment has been removed by the author.
Natasha Aqilah said...
This comment has been removed by the author.
Nurhafizah said...

@Natasha Aqilah bleh la buang . tp ade cra dia . eh . xpe .. =]

Azzah said...

salam,saya ambik warna pink tau...btw,memang dengan chrome je nampak kan..dengan explorer tak nampak tapi tak per janji comel..thanx

Natasha Aqilah said...
This comment has been removed by the author.
eyka only ツ said...

amek stu .

Afeeqah Anuar said...

saya amek pink! dah boleh buat!!^^

MichikoChan said...

knape x jadik nie?? hukhuk ;(

oreocheesecakes said...

nak 1 yer..:)

this is my story said...

susahnye.sya tak thu nk guna ctrl+f macam mne nie ??????

Unknown said...

salam. nak amik ye??

farafauzi said...

Saya ambik satu ye , thankyou :)

qyla said...

hye.sy amek 1 ye:)thanx

Afeeqah Anuar said...

saya buang code tu..tapi tak menjadi..dia kata error>.< tolong jap..T_T

Geena said...

Nak satuu kay :)

Nurhafizah said...

@Iqa awk main2 skit code dy tu ..

Dayang Norfazilah said...

saya amek yang pinkkk :D

★Huda K I M ★ said...

geeez thanks gila!!!! ^^

Ashikin Harun said...

amek 1 :) .. chantek :))

Diyana Ashari said...

yaya amik warna pink , thanks :)

Sapphira Sapphire said...

apsal xmnjadi?:( klu saya use template travel mmg x boleyh erk?tolong saya,please,,

Nad Ezliyana said...

kite amek 1 :) Nice one

Raihah Rafie said...

Cantek!
Nper x centre?
Mcm mne ek nk centre kn?

Nurhafizah said...

@Raihah Rafie gune template designer xcenter . nk bg center sy xpasti la mcm mna .

Mira said...

take one ea.. :)

zza said...

hey akak , amcm kalau nak delete benda ni ehh ? sebelum ni ada apply tapi saya nak tukar blog saye jadi nak delete tapi tak bole delete laa T.T

nana_ch0c said...

saya amik satu ye

Nurhafizah said...

@zza's sy xpastila , try buang code tu . then preview .

Dayinieee said...

nk stu kaler biru :)

Nothing Like Us said...

ambik kale pinky

si gadis said...

Saya ambik satu ye kak :)

Just Me fiey said...

efy amik 1 k.. chantik.. :)

Kiddoburst said...

awak2.. kenapa saya punyer ke tepi?

qahfisya farsya said...
This comment has been removed by the author.
Nurain Syahirah said...

Dear,
I take one of yours okay? The first one :)
But I do some editing on your photo.
Hope you don't mind it, I will credit on you. Thanks !

Aqeela's said...

saya amek satu tau :) thankyou <3

nadirahensem said...

Pssst! kita ambik satu warna purple! Thnks!

Anonymous said...

take this one :D haha
tq babe !

iyah :) said...

kida amik satu yea . yang wane biru tu :)

Ch0c0l!poP vAmp!reZ DIar!eZ said...

thanx kak,nnt i credit kn :)

Anonymous said...

Ambil satuu tau (:

AmyLea said...

kak , macam mane nak padam nie ?

Fatin Nabila said...

kite amek satu taw ?

jasz zulkefli said...

ambil satu.nice work!

Anonymous said...

ambik satu

Syamilah Solehan said...

amek 1 yer :)

Sarah Raof said...

Ambil satu ehh. Thank you :)

nurul azwa said...

saya ambil satu:)thnks

Nuji Liyana said...

take one :)

Anonymous said...

bambam amek 1 ehhh.....hehe.acehh
bambam ske tutor dlm blog ni.most of them bambam gne kt blog bambam tau..

Anonymous said...

ambil satu :)

Nuji Liyana said...

nak tanye, cm mne nak buang balek, welcome note tu? ta jadi la.. error

Mss Dollyxiouse ❤ said...

ambik satu ye :)

Eimy Eiman said...

saye ambek yg wane pink tu..thank you..!

Anonymous said...

saya kidnap satu heehe

misz fatyen said...

saya amik colour pink...but xcenter la...tapela...nati i godek2 lagi code bg die center...

MinHae_97♥Naz Iefa♥ said...

nk ambik satu

NSR said...

take.

Mimi Zackryn said...

saya ambik satu boleh :DD comel sangat !

F.A.R.A.H.A.N.A. said...

saya amek 1 tw ??
thanx :)

Shakina said...

amik satu.. thanks~ :>

Batrisyia Anis Azrin said...

St ambil satu

ummi shahirah said...

amek stu ye.!!

RembelMunchie said...

Take 1 :)

Shokora said...

Sye amek stu yer..tq..

Nazurah Mardhiah said...

Heyy pija , why eh dia kata ERROR ? saya letak betulbetul kt code dia

Wan23Bieber said...

sy amek satu ye :)

Wan23Bieber said...

sy amek satu ye :)

Nana said...

Amek Satu Tauu ! Thank You <3

siti sarah said...

ambek satu warna purple hehe

Unknown said...

TQ SO MUCH DEAR...I TAKE ONE..

Heroine said...

amek satu ye kak :D thank you !!

Unknown said...

PINK 1 kak ! :D

cik afifah said...

salam.
akaq,saye ambik satu yer:)

Fatin Farhanah said...

thank youuu
saya ambil yg warna biru itu :)

Unknown said...

macam mne nak delate ek nie..??
macam susah pulak nak masuk blognye.

Nurhafizah said...

@Mardihah tgk dkt post sy yg sblum ni . sy dh terangkn mcm mne nk delete .

hannasaruddin said...

saye ambik satu . thanx for your tuto :)

K- said...

ambik satu tawww :)

K- said...

nanak satuuu . hikhok ^0^

yati said...

kite ambik satu ea kaler prple (:

FARHANA 'AINA said...

amek yg wane pink tu erk ? thanks :)

aida ross said...

cute nyee..
kite amik satu yer ?

Fifa said...

akak sy nak ambik satu yer! :) thanks kak..

Puan Yaanie said...

saya gunaaa

farhanah zulkeflee said...

amek satu okay ;D

Z. said...

amik satu hehe. thank you.

Sarah Qistina said...

Sis ! Kenapa bila saya buat, dia kata awak tak ada widget'NAVBAR1'
Apa maksudnyee tuu ?

Nurhafizah said...

@SarahQistina ❤ dy kta dkt mne ?

Anonymous said...

ambil satu warna pink ye :)

Kina said...

dah jadi dah~ saya amik yang warna pink ye. thank you :)

Anonymous said...

kiteee pakai pink tuu. hanya untuk sementara saje. ty :)

umieysay said...

take one . thx

frrhyhy ♡ said...

kak , ambk satu

ika wengweng said...

Ambil stu ya thanks ;-)

ilea lieya said...

ilea amik satu ye.. warna pink tu.. =)

Cik Lulu Huda said...

Amik yang warne pink tau.Nak buat sendiri,errr..tak pandai.Terima kasih ya buat freebies nie :)

Yeollie Kim said...

thnksss i take one^^

ikin said...

I ambil yang colour biru tu taw. thankss <3 :)

Darling Fatin said...

Take one . Thanks :)

♥ Gadis Belong ♥ said...

saya amik biru yee :) tapi ta center macam mana ?

Nurhafizah said...

@♥ story mory ♥ gne simple template xbleh center . kcuali ukur saiz picture spaya sesuai .

fie-hott bloggie said...

saya amik satu :)

eyraRAWR :] said...

Thanks for the tuto :)

nahda eiyda said...

hyee , thankss
amik satu ea ? ;DD

~ Bunga April Lover ~ said...

amek satu ye . thanks.

Anonymous said...

salam . adk share tutor nie . adk credit name akk , keyh :)

laila lee said...

comelnyee. ambik 1 ey :)

Mas Ahmad said...

dah dapat.thanks banyak-banyak:)

KhairunNisa' said...

akak , macam mane nak buang balik ? ;(

cikk syerot said...

syg , nak satu eh . hihihi

Nurul said...

terima kasih . menjadi :) cantik :)

pika said...

amik satu ye :D

Massyuliana Atiqah said...

Sy ambik ye kak?

YeolHae said...

nani ambil satu yew akak ! :)

Unknown said...

aten amik 1 yerr....;)
thnks 4 the tutor...=))

zeeranajwa said...

amik satu yea yang :)

Mas Ahmad said...

kak saya boleh buat tp dashboard,new post,design sume tuhh takde kat atas.nape?mcm mana saya nak buat post baru nanti?tolong kak.

Addin said...

saya ambil satu ye :)

mira moshi said...

take one eh :)

Nur Saffasyahira said...

nak 1 .terime kaseh:)

lyana ying.. said...

yana ambik

Nadia Latif said...

saya ambik satu warne pink tu yee :) btw , mcm mne nak centerkan image tu ? helpe mee :|

Areena Syafiqah said...

ambik satu ye?purple colour.^^

ceritasiberanis said...

mik satu ye??

mira said...

mohon ambil satu ye.. trimas ^^

Nursyahira izzati Ngadimon said...

akk ! eyra amek 1 tauu ^^

Nur Sakinah said...

ambik satu tau.. thanxxx!

amrastory said...

saya amek satu ye .thx awk :)
comel sgt2....

Kamila Husna said...

saya nak..thanks yaw!

Anonymous said...

kite amex s2 ea :)

chazain said...

cha amik satu :')

wanie yahya said...

ite amek satu taw ;) thx <3

BIG BOSS said...

Kenapee takk lehh ekh ? Cuba kak pija , bukak blog sayee . Ade keluar takk ? aisyah-syasya-story-12.blogspot.com

Unknown said...

thanks untuk tutorial tu.bnyak membantu :) saya ambik satu yea image tuu :)

Syathirah said...

amik satu taww , akak . yang warne purple ~

awok kopak said...

acap amik satu

FaRaH.. said...

amik 1 nye ..

nurul akma said...

heee, omelnya, amik satu kay (: thanks

Anonymous said...

Ambil satu ea.

Anonymous said...

comel :) ambik satu yer , thanks :)

Puteri said...

Amik satu ye ? Thanks, akak :)

Mya Lee said...

naoe tak jadik ekk ?
ble tkan keep widget tak jd .. blank plakk .. :(

Miss A said...

take one yea ;)

Han Sangneul said...

sis, wanny amek pic prtama tu ok?

aiwaaawoo said...

ambik satu ye sweety :)

Anonymous said...

Salam , saya tak jumpa pon code tu . :(

Beella Sabri said...
This comment has been removed by the author.
«Oldest ‹Older   1 – 200 of 318   Newer› Newest»