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 .


http://4.bp.blogspot.com/-GzXo90yxEEo/Tsc94ZxnJEI/AAAAAAAAACM/LVdDbPrQCmI/s1600/freebieswelcomenoteblue.png

http://1.bp.blogspot.com/-gcvF-ypI8H4/Tsc97ehmlII/AAAAAAAAACU/_ki-rNyKDJA/s1600/freebieswelcomenotepink.png

http://3.bp.blogspot.com/-c4lMfHgPhCA/Tsc9-EVXxpI/AAAAAAAAACc/exoUd_U8PcY/s1600/freebieswelcomenotepurple.png

krdt : pusheenlover.blogspot.com
littlemisspaintbrush.tumblr

319 comments:

1 – 200 of 319   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 Mohd Noor said...

@Nana ◕ ‿◕ ok .

Fara Aina said...

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

Nurhafizah Mohd Noor said...

@Fara Aina slap ltk ke ?

nurul anati said...

okaay thanks. menjadi :)

shi-A :) said...

huhu , sy amek satuu Kaka Pija ^-^

♥ e|isa ! ♥ said...

amek satu taw ! thanks :D

AdekMyra said...

ambik satu ye kak

DJ Q-EHM said...

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

deqla said...

amek 1 yarh..tengs

Pyka Patrick said...

Nak amik satu jugak #weeee :]

syaf fays said...

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

anak gemilang said...

thnks dear.. suka..

-BR- 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 :)

Me Loves You said...

Amek warne pink :) Thanks a lott c:

Pika said...

ambik satu ea yg warna biru . thanks :)

Anonymous said...

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

Iqa said...

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

Budak Sepet :) said...

ambik satu ehh? tenkiu for the tuto :)

Nurhafizah Mohd Noor said...

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

Nurhafizah Mohd Noor said...

@-BR- code blog awk lain skit ke ?

Budak Sepet :) said...

kalau template designer bole guna tak tuto nie?

Nurhafizah Mohd Noor said...

@ila code blog awk lain skit ke ?

Budak Sepet :) said...

kalau template designer bole guna tak tuto nie?

najihah said...

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

Nurhafizah Mohd Noor said...

@Budak Sepet :) rsanya bleh .

Budak Sepet :) said...

dah try! tak bole, huhu :'(

syaf fays said...

tapi asal die error -,-

Nathasya said...

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

Nurhafizah Mohd Noor said...

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

Nurhafizah Mohd Noor said...

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

Nurhafizah Mohd Noor 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 !

aezaty said...

macam mana nak centerkan dia ?

Nurhafizah Mohd Noor 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 :)

nasryn azie 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

Musy A Mahadzir said...

saya amik satu ! hehe thx sgt2 ..:D

siti nurhafizsa.. said...

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

Ouhh Sofeaa :) said...

Sayaa amek satu eah . Thankyou :D

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

ambik satu...thanks kak pija..

Atikah Kiroro said...

amek satu tauu .. tengss !

Nurhafizah Mohd Noor 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 Mohd Noor 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 .

Iqa 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 ??????

Twilleries said...

salam. nak amik ye??

Nurfara Izati :) said...

Saya ambik satu ye , thankyou :)

JUz Qyla(ES) said...

hye.sy amek 1 ye:)thanx

Iqa said...

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

Geena said...

Nak satuu kay :)

Nurhafizah Mohd Noor said...

@Iqa awk main2 skit code dy tu ..

Fazilah Yayang said...

saya amek yang pinkkk :D

♡misschansung♡ said...

geeez thanks gila!!!! ^^

Ashikin Harun said...

amek 1 :) .. chantek :))

yyayya 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 Mohd Noor said...

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

amirabudakbelogpink said...

take one ea.. :)

zza's 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 Mohd Noor said...

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

Deni31 said...

nk stu kaler biru :)

Atiqah Shadan said...

ambik kale pinky

si gadis said...

Saya ambik satu ye kak :)

Just Me fiey said...

efy amik 1 k.. chantik.. :)

AreKish said...

awak2.. kenapa saya punyer ke tepi?

pyka zulaikha said...
This comment has been removed by the author.
Aisya Haikal ♥ 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!

Lala 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 :)

oh fatin said...

Ambil satuu tau (:

AmyLea said...

kak , macam mane nak padam nie ?

Fatin Nabila said...

kite amek satu taw ?

pinklicious said...

ambil satu.nice work!

Eezah Tettt:) said...

ambik satu

Nur Syamilah Solehan said...

amek 1 yer :)

Sarah Raof said...

Ambil satu ehh. Thank you :)

miss wawa said...

saya ambil satu:)thnks

liyana said...

take one :)

bambam said...

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

Najaa Kidd said...

ambil satu :)

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..!

Nur FatIn aDiLah bT azMi 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

Syahidaaa said...

take.

Mimi Zackryn said...

saya ambik satu boleh :DD comel sangat !

hana DV 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 :)

Zaty said...

Sye amek stu yer..tq..

Nazurah Bercerita 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

jia creatifelt said...

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

Syakira Halfyan said...

amek satu ye kak :D thank you !!

D 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 :)

Mardihah said...

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

Nurhafizah Mohd Noor said...

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

hannani said...

saye ambik satu . thanx for your tuto :)

cikkirahh ~ said...

ambik satu tawww :)

cikkirahh ~ said...

nanak satuuu . hikhok ^0^

miss u 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 ?

Anis said...

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

Freakless Girl said...

saya gunaaa

farhanah zulkeflee said...

amek satu okay ;D

zee zah said...

amik satu hehe. thank you.

SarahQistina ❤ said...

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

Nurhafizah Mohd Noor said...

@SarahQistina ❤ dy kta dkt mne ?

Aisyah said...

ambil satu warna pink ye :)

Shakina Masdar said...

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

L I E Y A :) said...

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

umieysay said...

take one . thx

Little MissItaly ♥ said...

kak , ambk satu

ika wengweng said...

Ambil stu ya thanks ;-)

ilea lieya said...

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

Nurulhuda binti abu bakar said...

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

it'sme_syasya said...

thnksss i take one^^

ikin said...

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

Darling Fatin said...

Take one . Thanks :)

♥ story mory ♥ said...

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

Nurhafizah Mohd Noor said...

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

nakalitusaya said...

saya amik satu :)

eyraRAWR :] said...

Thanks for the tuto :)

nahda eiyda said...

hyee , thankss
amik satu ea ? ;DD

♥ sCha ♥ said...

amek satu ye . thanks.

Rina said...

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

siti suhaila said...

comelnyee. ambik 1 ey :)

mia_buzz 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?

♥ Nanihae Elf ♥ said...

nani ambil satu yew akak ! :)

♥cOkLaT sTrAwBeRrY♥ said...

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

zeeranajwa said...

amik satu yea yang :)

mia_buzz 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;D said...

take one eh :)

Nur Saffasyahira said...

nak 1 .terime kaseh:)

lyana ying.. said...

yana ambik

Nadia Afrina Abdul Latif said...

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

Areena Shinee said...

ambik satu ye?purple colour.^^

all ab0ut vi0let , ungu , and purple ! said...

mik satu ye??

mira said...

mohon ambil satu ye.. trimas ^^

Nursyahira izzati Ngadimon said...

akk ! eyra amek 1 tauu ^^

SakinahRock said...

ambik satu tau.. thanxxx!

chipalicious said...

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

Kamila Husna said...

saya nak..thanks yaw!

♥ nAz=rEen unLy ♥ said...

kite amex s2 ea :)

senoritas said...

cha amik satu :')

gadis 3suku said...

ite amek satu taw ;) thx <3

BudakBudak! said...

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

N|Liana said...

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

Aku 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.

awim :D 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 ;)

Neys Wanny said...

sis, wanny amek pic prtama tu ok?

♥nurul nas aira qahirah 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 319   Newer› Newest»