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   201 – 318 of 318   Newer›   Newest»
Amirah Syafiqah said...

Yey!! thanks dah jadi

Jamila khayrin said...

kenape error?

Fadzlina Ellias said...

akak, saya amek satu ea?

Fadzlina Ellias said...

akak, saya amek satu ea?

Fadzlina Ellias said...

akak, saya amek satu ea?

Zaim Aziz said...

curi satu yerrr :P kaler biru.

:PPP

Shazrina ^^ said...

Assalammualaikum, kak kite ambil yang warna biru tau~ nanti kite kredit nama akak :))) but why dia tak center?

Anonymous said...

amik satu wane pinkk tauu, wee :D

Fyza.blogspot said...

cute sangat...sye amik gak yg clr pink tu :)

Anonymous said...

ambil satu tau ! cantik :)

Nur Najmi Akmal said...

kak, saye ambik satu yang kaler pink tu keyh :D

NS said...

Kaq pijaa , najwa amek tuto n pic ni eh , thanks a lott !

Nurul Madihah :) said...

Saye ambil kaler purple :) Terima Kasih <3

Ariefah said...

saya ambil satu ye :) thanks :)

Nur Alia said...

ambik satu ekk ? :D

amynazwa said...

Pick pinky one . Thank you :)

sya said...

saya amik satu eh :)

Nazirah Mohamad Noh said...

kaka klo yng gne blogskin xbole ea?? bdk bru blaja ngee~~

Miss Awesome ;) said...

saya ambil warna PINK tu sebab omeyy sangat :3

Azira Ishak said...

SAya ambek warna pink tau :)

Nazirah Mohamad Noh said...

kakak kite amek yng wane biru tuh bole x..

Fatin Nabila Zainal said...

ambil satu ye

FarahNazurah said...

fara ambil satu ye :3

Unknown said...

amek satu. thank you :*

Noraishah Amira said...

ambil satu ya!

Noor Najwa bt San Sudin said...

najwa amek satu yg kaler pink :)

hunny said...

kenape taley wat tok washed denim punye tmplate?? :/

Mya Lee said...

sy ambik satu yea akak ^^

AVenDeLiVvie said...

AKq , sya amBek satu Boley Kn ?

Sitidotshahira said...

, amek satu yea . thanx :)

NeesaNazri('N') said...

. KENAPA ERROR :)

Ixora92 said...

assalamualaikum..sori ye..sebelum ni sy ada gak amek frebs yg kamu bg..tyapi lupa nak comment...sori sesangat k..^^ btw kali ni sy comment..thanks a lot girl.. you did a great job..^^ i take one of this k..^^ thanks..kamsahamnida..xiexie..syukran..arigato..makasih..

Ixora92 said...

btw sis..i wanna learn how you create this ^^ can you teach me..^^ thanks..

nana said...

amek wane pink satu ;)

izzaty said...

saya amik 1 satu eh..terima kasih jugak sbb buat tuto ni.. <3

Nurul said...

saye amik yg pink tuh k ? thanks ! btw . nape tak centerr ea ? :(

*miera said...

thankyouu. I amek satuu :)

Anonymous said...

SISTER.....i take one..it's so damn pretty..hehhehe :)

Raihana Esrifaizal said...

Ada choices lain takk? Mcmana nak buat tu ikut creativity kita sendiri?

Eika cika said...

saya ambik 1 color ungu..comel..thanks :)

Anonymous said...

ambik saru yee:)

onlyaboutme said...

akak..sye nk amek satu yunk colour pink tu bole???

NADHIRAH AFIF said...

nak amik satu yang warna pink . tq

Nik Nur Adilah said...

Ambil satu . Thanks :)

maria wahidah said...

Awakk,saya nak amik satu yee.comel lah :) Thanks youu

me n u haha said...

hye saya amik satu yang warna purple tu...cantekkk:)

AnA SaLiDa said...

Ana amik 1 trimas..

Ahlul Albab said...

baik punye !! trimas ya :0

Sharizat said...

Kak pija saya ambik yang warna pink tu..
thanks for the tutorial

FairuzFauzey said...

kak fairuz amik satu yer :)

Anonymous said...

Cane nak suruh dia center ?

Syamimi Yusof said...

saya cari bskin tu tak jumpa pon.macam mana?

nadiah zain said...

saya ambil yg warna pink tau :) thank you :)

zizi said...

ekin ambik 1. thanks :)

bunga jasmine said...

amik yg ungu yee...

~mylovediary~ said...

ambik satu ek

iema said...

dear...akak ambik 1 yer..tq... :)

budakbajupurple said...

chumil la . hehehe nak amik satu bleyh . nak waner prple:) thanx :)

amira adila said...

ikut tutor nih. .
ambil image satu okey ^^
terima kasih

Aiyen said...

ambik satu yeayhh .

Natasya Najwa said...

thanks for the tuto..
saya ambil warna purple

misz everlast said...

salam . anna ambil satu . the pink one .:D nice + cute !

Najua Dongjun said...

Haii ^^ najua ambik satu taw ? yang kaler pink tuhhh . thanksss yawww .

Fudhla Bt. Harery said...

amik 1

Nadiya said...

abik satu tau.. thanks

Nasir M. Rahman said...

@Iqa

Saya punya pun tak jadi! TOLONG!

Siti Nur Syaza Hassan said...

belog awak sangat hebat... :)
terima kaseh sebab sudi berkongsi!!
saya 'curi' satu yea... ^_^

suleynorsyakila said...

wink wink :) sis , saya ambil satu ta :) tengkiu :)

Mel said...

ambik satu ek, warna biru! :)

TasHa TrisHa said...

akak nak 1

Anonymous said...

Pijaaa. Kite amek satu ye :)

tweapz said...

kak hafizah, wanie amek satu yg wrne pink tuh yee. Thanks for all the tuto. semuenye menjadi. :)

fisyaradzi said...

amik 1 eh,tq

nur iqmalyna said...

. saya amek 1 . tpy , npe dy ta cnter ea ?

Eyka Atieyka said...

Eyka amek warna purple okayy ? Thanks

Gaya Pesona ❤ said...

akak...sya amik stu erk..yg wrna pink..hehe

BeLL AqiShhh said...

zaty ambil wrne biru n pink

BeLL AqiShhh said...

zaty ambil wrne biru n pink

idynaa said...

saya ambik satu warna blue ...

zaty sabry said...

Hey,amik 1 keyh..thanks:)

Anonymous said...

kak , nape bile sye nk save template mesti kat web adress tu die tulis 'about:blank' ,, npe yerk ?

fatin bulat said...

saya guna :) thank you.

Διɛи Ɖɛɛ said...

tak jadi la akak , die ckp error ..

marzila aziz said...

mar amek satu :

Anonymous said...

Saya ambik satu yang warna pink tuu tau! Ty :)

cik awa said...

saya dah buat banyak kali ,tak jadi-2 .yang ni sesuai untuk semua template eh ?

mare baco :) said...

akak . amik satu k . comel :) . tengs .

mare baco :) said...

akak . amik satu k . comel :) . tengs .

cik honeys bee said...

follower saia hilang cm na ny?

Izzameyooo said...

why tak boleh nk letak . Bila nk letak dia keluar BX,pe bendalah . Saya nk buat , malang sekali tk boleh

Anonymous said...

@Nurhafizah Mohd Noor sura amek satu purple =)

Anonymous said...

sura amek satu ~ purple ... p nape ta center ?

Ziera Wiyyah :) said...

why tak boleh :(

// Nur Hanys // said...

akak , klaw wt blogskin , xleyh buat la note niy ek ??

AnisSyaaa said...

nak ambik yg wane pink tauuuu, Thanks :)

Nuyon said...

yeahhh!! jadik lah , grasias kak comell ;)

Erin Jaffar said...

Code yg ni > ]]> tk de lh. Dh carik, tp dia tulis 0 of 0. Habistu nk paste kan code tu kat mana? Help me!

Nuyue Lockheart said...

nuyue ambik s2 kale pink..tq..=)

Nabyla said...

Salam , ambil satu yee :)

TasshaLysca said...

Izin sy amik satu ye, thanks tahu :D nice blog!!!

TasshaLysca said...
This comment has been removed by the author.
syaff kayla said...

kak..saia amek satu ye?

Chinta Eling said...

nak try satu :) thanks

Anonymous said...

x boleh pn

Unknown said...

Hello, thanks for your code but its not working when I'm test it.

By the way I manage to make the code myself and its working.

Can i take your picture? I will give the proper credit.

Beautiful Blogger Widgets

A D I L A A I M I said...

knape tak bole ea?

wunny said...

comel. Kita ambil yang warna pink tuh tau ;)

Unknown said...

dah curi lagi . wane pink . :)

raja syahida ;* said...

cntek sgt . ambek satu tkpe kan :3

raja syahida ;* said...

cantek . ambik satu tkpe kan ?

nurul zakiah said...

@bEella sabri x menjadi pon

nurul zakiah said...

@bEella sabri x menjadi pon

Unknown said...

ambil satu ye kak :)

Unknown said...

ambil satu ye kak :)

Unknown said...

Menjadi kak , tapi tk centre . emm ape maksud akak gune template designer mmg tk centre so nk buat mcm ne ? help us please :(

Unknown said...

Saya ambik 1 tau :)

Unknown said...

Saya ambil satu ahh ,, Terima Kasih ahhh =]

Anonymous said...

Hi, I do think this is an excellent web site. I stumbledupon it
;) I will revisit yet again since i have book-marked it.
Money and freedom is the best way to change, may you be rich and continue to guide other people.
My page: www.netblase.com

«Oldest ‹Older   201 – 318 of 318   Newer› Newest»