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:

«Oldest   ‹Older   201 – 319 of 319
Amirah Syafiqah said...

Yey!! thanks dah jadi

Jamila khayrin said...

kenape error?

Nur Fadzlina Fadhilah Ellias said...

akak, saya amek satu ea?

Nur Fadzlina Fadhilah Ellias said...

akak, saya amek satu ea?

Nur Fadzlina Fadhilah Ellias said...

akak, saya amek satu ea?

Zaim Aziz said...

curi satu yerrr :P kaler biru.

:PPP

SS said...

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

lyynn said...

amik satu wane pinkk tauu, wee :D

Fyza.blogspot said...

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

ninaqistina said...

ambil satu tau ! cantik :)

iMieMiey ~ said...

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

cikKara's 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 :)

iera suju love donghae said...

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

Adib Nurdini =) said...

saya ambil warna PINK tu sebab omeyy sangat :3

cikpkahh said...

ambil 1 yer, warna pple,:) thnx

azyra said...

SAya ambek warna pink tau :)

iera suju love donghae said...

kakak kite amek yng wane biru tuh bole x..

Fatin Nabila Zainal said...

ambil satu ye

FarahNazurah said...

fara ambil satu ye :3

ɴɑɴɑ senget said...

amek satu. thank you :*

Noraishah Amira said...

ambil satu ya!

Noor Najwa 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 ^^

♥xAmYx♥ said...

AKq , sya amBek satu Boley Kn ?

aku_syera 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

budac slumber said...

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

*miera said...

thankyouu. I amek satuu :)

Nur Natasha 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..

Husna said...

baik punye !! trimas ya :0

Sharizat said...

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

dR fAiRuz 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 :)

ASHIKIN AZMI ~ said...

ekin ambik 1. thanks :)

bunga jasmine said...

amik yg ungu yee...

aidafazziela said said...

ambik satu ek

iema said...

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

bahiyah athzaha said...

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

A Little World said...

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

Aiyen said...

ambik satu yeayhh .

natasya 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

mizzlolypoplonely said...

abik satu tau.. thanks

Nasir Mukhriz Rahman said...

@Iqa

Saya punya pun tak jadi! TOLONG!

Kim Hyo Gun 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 :)

Jay (: 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

Jari Manis d` Blogspot.. said...

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

Zaty LetsSmile said...

zaty ambil wrne biru n pink

Zaty LetsSmile said...

zaty ambil wrne biru n pink

Park Hyun Ji 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.

syue ashley said...

tak jadi la akak , die ckp error ..

marzila aziz said...

mar amek satu :

Awa Munira Halim 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?

Mrs.Simple . said...

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

Mysurah said...

@Nurhafizah Mohd Noor sura amek satu purple =)

Mysurah said...

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

IERA MUCUK :) said...

why tak boleh :(

Hana said...

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

AnisSyaaa said...

nak ambik yg wane pink tauuuu, Thanks :)

Nurul Hanis 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.
eyfa ashily said...

kak..saia amek satu ye?

Chinta Eling said...

nak try satu :) thanks

Anonymous said...

x boleh pn

VenturealizeR 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 ;)

kila nora 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

Najiha Yusuff said...

ambil satu ye kak :)

Najiha Yusuff said...

ambil satu ye kak :)

Intan Inaz said...

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

Afifah Zahid said...

Saya ambik 1 tau :)

哭包妹 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 – 319 of 319   Newer› Newest»