Tutorial : Round Hover With Shadow

All right semua ! :)
hehehe . lama Lyssa tak update tutorial ! :)
Korang semua rinduw Lyssa tak .? haha!:)
okeoke.. Lyssa dapat request tuto dr 2 org rakan kita!!

Dorg tnya :


 

Dah baca kat atas dah kan ? 
Oke . Kalau nak tahu , ikot cara Lyssa ehh ?:)

1. Log in > Dashboard > Design > Edit Html > Tick Expand Widget Templates

2. Tekan F3 atau Ctrl+F search kod kat bawah ini :

/* Header

3. Dah jumpa ?Oke . paste kod ini pula kat ATAS kod yg korang cari tadi tu ok ?:)

 /*------ IMAGE ANIMATION------*/
img {filter:alpha(opacity=100);
-webkit-transition-duration:.5s;} img:hover {filter: alpha(opacity=60); opacity: .6; -webkit-box-shadow: 0px 0px 20px #FF3366; -moz-box-shadow: 0px 0px 20px #FF3366; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=60); opacity: .60; border: 1px solid#FF3366; border-radius: 50px; -moz-border-radius: 50px;}
-moz-opacity:1.0;
opacity:1.0;
}
img:hover {
filter:alpha(opacity=80);
-moz-opacity:0.80;
opacity:.80;
}
u {
text-decoration:underline;
border-bottom: 2px dotted #ff0080;
padding: 0px;
}

**Tukar kod colour pink mengikut color yang korang suka ok ? :)

4. Da siap . SAVE !

==>>> Orait My dear Sayangg .. Senang kan cara dia ? Kalau jadi bagitau Lyssa erkk ? SELAMAT MENCUBA!! <3


KONGSIKAN ARTIKEL INI..
Previous
Next Post »

129 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
Anonymous
AUTHOR
March 25, 2011 at 6:32 PM delete

dahH jadik ! teruje !!!

avatar
March 25, 2011 at 6:34 PM delete

@Dinie_iman

wahh .! pantasnyer dia watt ! :) cehh .. gud gurl ! ^_^

avatar
mimie shahira
AUTHOR
March 26, 2011 at 12:00 PM delete

thnks sngat2 sys lyssa sebab buat tuto nie . :)

avatar
Nur Fitri
AUTHOR
March 27, 2011 at 12:47 AM delete

dah jadi..
thanks lah :):)

avatar
FuN mAn
AUTHOR
March 31, 2011 at 9:18 PM delete

thanx.......... dh jd dah larh......... thnx byak-bnyak....

avatar
April 2, 2011 at 9:53 PM delete

kak lysaa......kak lysaa cri templete kt belang tu kt mne.....sye dh try cri header tu,,,tp x de....mybe templete sye x de kowt...kt lysaa bg link...templete yg cute

avatar
April 3, 2011 at 6:07 AM delete

@muhammad amirul

kalau template yg cute k.lyssa tk thu... bcground cute tuh.. tahu lah !:))

avatar
Nadiah
AUTHOR
April 7, 2011 at 12:40 PM delete

untuk ape ye bende nih ?

avatar
Anonymous
AUTHOR
April 11, 2011 at 6:51 PM delete

Suda wat,,
tengs dear:)

avatar
Anonymous
AUTHOR
April 11, 2011 at 6:52 PM delete

Suda wat,,
tengs dear:)

avatar
April 12, 2011 at 4:12 AM delete

yey!!..hasil sya menjadi la..thnks lyssa

avatar
Aishah
AUTHOR
April 14, 2011 at 10:30 PM delete

camana plak kalau nak buat kalau kita sentuh header atau mana-mana link dia keluar benda yang jatuh macam hujan tu..

avatar
Jamalina
AUTHOR
April 19, 2011 at 4:32 PM delete

thanks k lyssa...
dh jdk

avatar
April 30, 2011 at 10:11 PM delete

sys,, mcm mne nak buat yg kite pnye click ade gamba mcm sys pnye?

avatar
Anonymous
AUTHOR
May 2, 2011 at 2:10 PM delete

yahOO ~ JDIX PUWN !
thax kQ lyssa :)

avatar
Ily chocochip
AUTHOR
May 7, 2011 at 3:10 PM delete

hai . erm , jadi . tapi die effect saye punye background . so trpakse delete balik . :(

avatar
May 8, 2011 at 12:06 PM delete

auw auw~...jadik..thankz yauw..haha XD..sayunk akak :)

avatar
#paris
AUTHOR
May 8, 2011 at 2:50 PM delete

kak ! kalau nk wat bila ditekan ade effect mcm bunga2 bergerak ke..

avatar
Mila Ahmad
AUTHOR
May 8, 2011 at 10:02 PM delete

yesssss... Akak2 dah jdi la... hehe =D .. Thanks akak...

avatar
ahyaaa
AUTHOR
May 11, 2011 at 3:13 PM delete

oke . menjdi . tengs . . :)

avatar
cik mieza
AUTHOR
May 19, 2011 at 1:23 PM delete

thx ... da jdik ... suke ... :)

urm .. law sudi , sudi2 la bce entri ni . de mention psl blog cik lyssa :)

http://madluvmieza.blogspot.com/2011/05/follower-ke-150-sumpah-aku-tak-tiru-2.html

avatar
scha fazli
AUTHOR
May 21, 2011 at 10:56 AM delete

sys , mcm mnew nk cri code /* Header nyy ?

avatar
Elin Kitty
AUTHOR
May 23, 2011 at 4:29 PM delete

Yeaaaaa!!! Jadik!!! Thank you3x!!!!! =D

avatar
Anonymous
AUTHOR
May 25, 2011 at 1:14 PM delete

jadi!!!sangat suke!!!

avatar
May 28, 2011 at 6:09 PM delete

sys , cmne na crik /* Header tho? tade pon?

avatar
raja irfan
AUTHOR
June 1, 2011 at 4:33 PM delete

kak lyssa...nak tanye..klu kite dah wat double underline,kan double underline kene paste kat ats kod /*header jugakkan??...nanti klu kite paste kod round hover ni double underline tu jadi x??

avatar
Nurul Fatihah
AUTHOR
June 4, 2011 at 3:54 PM delete

kalau x jumpe code tu mcm mn?

avatar
udah
AUTHOR
June 5, 2011 at 1:53 PM delete

tq kak lyssa.sya da berjaya ! yahoo.

avatar
AqilahKassim
AUTHOR
June 7, 2011 at 4:23 PM delete

kak lyssa memang pandai ! thanks buat tuto ni !

avatar
Anonymous
AUTHOR
June 8, 2011 at 12:28 PM delete

Thnx Sis Lyssa. Nseb baek jdk. hehe :D

avatar
June 10, 2011 at 12:44 PM delete

kenape saye bwat ta jd??nk mnx tlong kak lyssa editkn blog bole?saye x reti lar,,klaw bole,nti saye sendkn passwordhttp://littletwinksjieha96.blogspot.com/

avatar
June 10, 2011 at 12:46 PM delete

kak lissa,saya bwat x jdi larh,,nk mnx tlong sesangat tlong editkn blog saye,klaw bole,nti saye sendkn password

avatar
AUTHOR
June 20, 2011 at 7:23 PM delete

daH jadi .. tengsss kk ... appreciatee sgt ! =)

avatar
Anonymous
AUTHOR
June 24, 2011 at 11:02 PM delete

jdy da...

avatar
Anonymous
AUTHOR
June 24, 2011 at 11:02 PM delete

jdy da

avatar
Aina
AUTHOR
August 1, 2011 at 8:42 AM delete

dh jadi akak , thanks . :)

avatar
Unknown
AUTHOR
August 6, 2011 at 1:06 PM delete

akak.. jadik lar.. thanx 4 dis tuto.. :D

avatar
rara bebott's
AUTHOR
August 13, 2011 at 10:47 PM delete

Kak lyssa macam mana eh,nak buat kalau kita sentuh header tu.ada benda jatuh macam hujan?

avatar
bla-2
AUTHOR
August 18, 2011 at 3:27 AM delete

@Lyssa Dollixious

akak , nape ta jadi ? ta leh wat , bile nk save , msty ta leh

avatar
August 19, 2011 at 12:39 AM delete

lyssa..benda alah n xleh gne tuk denim template ke?

avatar
.......
AUTHOR
August 27, 2011 at 5:04 PM delete

kak , kalau takde /* Header tu camner erk ?

avatar
August 28, 2011 at 1:39 PM delete

akak, saye dah penah buat dan menjadi, tpi saye nk buang balik macam mane? sebab blog saye warne hijau, tpi hover dia ni wane pink, x sesuai..jdi saye nk buang.. cane ek?? thanx!

avatar
Elle Espinosa
AUTHOR
September 1, 2011 at 5:58 PM delete

AKAK ! Hi .. nak cakap sikit.. tak menjadi lah .. dia kata :: More than one widget was found with id: HTML6. Widget IDs should be unique. Macam mane erk ? tolong lh ~ :)

avatar
Nur Fazrin
AUTHOR
September 11, 2011 at 5:55 PM delete

hye sys lyssa , thanks sbab buat tutorial ni , tpiy kn sys , ni nak mintak tolong sys buad kn stu tutorial ble kite letak cursor kite dkat gmba tu kn , gmba tu jdi lebih jelas , klau kite alih kan cursor tu gmba tuh jdi kabur .. sys tau ta mcm mne nk buad ? hrap sys lyan komen ni :))

avatar
September 12, 2011 at 2:35 PM delete

hehe . k.lyssa jadik ^^ trima kasih :)

avatar
a fangirl
AUTHOR
September 16, 2011 at 1:51 PM delete

kak lyssa.. sy buat tak menjadi pon ..

avatar
Aecha Slamber
AUTHOR
September 23, 2011 at 5:36 PM delete

mcam mne nk cari code tu....tkan F3 pas2 tulis /*Header kan pas2 tkan ape ? pening ar

avatar
Neesa.
AUTHOR
September 28, 2011 at 7:12 PM delete

thengs sis .its help me :')

avatar
Fatin Dalila
AUTHOR
October 2, 2011 at 4:46 AM delete

kak lyssa, nape x jadik?
saya dah tekan save tapi dia kata "we were unable to save your template" tolonglah saya kak lyssa

avatar
ieka ieqa
AUTHOR
October 8, 2011 at 4:47 PM delete

akk x jadi pon... :( nk nagis lah...mcm mane tlong ajr kn leh x...asyik x jadi jer

avatar
Yellow Lover
AUTHOR
October 17, 2011 at 5:12 AM delete

ngeeee :p jadi la..thanks :)

avatar
nurul asyiqin
AUTHOR
October 22, 2011 at 11:02 AM delete

dh jadikkk !thanks kak lyssa yg comel.sayang kak lyssa

avatar
Fatinfrzn
AUTHOR
October 23, 2011 at 10:16 AM delete

Huhu Jadi :DDD ..Thz Kak Lyssa

avatar
Fatinfrzn
AUTHOR
October 23, 2011 at 10:19 AM delete

Huhu Jadi :DDD ..Thz Kak Lyssa

avatar
Capital N
AUTHOR
October 23, 2011 at 12:44 PM delete

kat mane nak cari kod kaler ?

avatar
October 25, 2011 at 1:05 AM delete

@Dinie_iman

Kak Lyssa, nape bile pergi kat gambar tu. Tak jadi pun warne pink nye. Help me please :'(

avatar
Unknown
AUTHOR
November 6, 2011 at 11:35 PM delete

tq akak. cntik sgt 2 !

avatar
AinLan
AUTHOR
November 8, 2011 at 12:59 PM delete

Thanxx,, akk :)) jd lhaa trimas!

avatar
Lily
AUTHOR
November 12, 2011 at 9:51 PM delete

huhuhuhu , x jadi :(

avatar
November 13, 2011 at 5:29 PM delete

@Dinie_iman

Kak lyssa menjadi la . thanks untuk toturial yang best ni !!!!!!!!!!!!!!!!!

avatar
November 14, 2011 at 10:36 PM delete

Hehe , akak saye buat dah jadi ! TerimaKasih . Tapi saye nak tawu jugak macam mane kalau kite nak hilang kan balik ? Maksud saye tanak ade shadow dah . Kalau saye terus delete jea boleh keh ? Takut sala delete pulak :/

#sorry kalau akak tak berape nak faham .

avatar
nur suraya :)
AUTHOR
November 15, 2011 at 10:51 AM delete

thnx kak lyssa :)
menjadi tahu . :)

avatar
November 23, 2011 at 2:17 PM delete

dah dah dah jadi :)
wah comel je :) thanks kakak lyssa

avatar
Eiqa Nur
AUTHOR
November 27, 2011 at 3:51 PM delete

yeayh jadi akhirnye..TQ kak lyssa

avatar
merlissa
AUTHOR
November 28, 2011 at 4:17 PM delete

thnks kak, sy cri lme yg ni ~
hahaha suka suka

avatar
December 2, 2011 at 12:40 AM delete

sajee na test sekali jadi n comey plak .
terus pakai laa .
hee .
thanx :)

avatar
December 2, 2011 at 3:56 PM delete

Kak , oo kak . Nape tk jadik ekk ? Pelik sungguh la kak :'D

avatar
Surati
AUTHOR
December 5, 2011 at 2:47 AM delete

TANX 4 THE COMMENT LYSSA<3

avatar
ahdaWardatul
AUTHOR
December 7, 2011 at 10:46 PM delete

salam, Kenapa, kalo dh buat "WELCOME IMAGE,Click Here To Enter", follower jd hilang? lps tu bile tekan button follow, ade plak? pelik lah...

cube kak lyssa klik kat link nie:
http://younalovars.blogspot.com

avatar
December 8, 2011 at 3:24 AM delete

dah jadiii !!
thanks a lot kak lyssa!!

avatar
Unknown
AUTHOR
December 8, 2011 at 2:57 PM delete

yeah ! daa jadi . thanks sis Lyssa! :)

avatar
Unknown
AUTHOR
December 9, 2011 at 4:31 PM delete

thanks kak lyssa .
mnjdi jugakk (:

avatar
rin
AUTHOR
December 10, 2011 at 12:06 PM delete

Alhamdulillah, jadi :D
mekasih byk-2, Lyssa ! ^__^

avatar
ayuniSumairu
AUTHOR
December 11, 2011 at 11:54 PM delete

wah! teruje sngt da jadik..lma mencari..hehehh..
time kasih lyssa...syunx lyssa..hehehh..

avatar
deena nina
AUTHOR
December 12, 2011 at 4:31 AM delete

kak ! da jadikk ! temkiu !

avatar
mira
AUTHOR
December 13, 2011 at 12:44 PM delete

yess dh jd thanks akak :)

avatar
Siti Raihana
AUTHOR
December 16, 2011 at 10:39 PM delete

akq , mcm mner nk ilangkn shado kt blog tittle ?

avatar
Admin
AUTHOR
December 17, 2011 at 9:40 PM delete

Alamak.... jadi la.. thanks lyssa.

avatar
December 21, 2011 at 6:40 PM delete

fuyooo jadi..tanks a lot kak lyssa

avatar
December 28, 2011 at 2:30 PM delete

takde pun kod tu kak lysaa ?? :(

avatar
miss-oren
AUTHOR
December 30, 2011 at 9:54 PM delete

kak lisa , thanks a lot ya ? banyak dapat blaja . hehe .

avatar
Unknown
AUTHOR
December 31, 2011 at 7:50 AM delete

Pandainye awk buat blog.. suke2, hehe :P

avatar
rose putih
AUTHOR
January 11, 2012 at 5:30 PM delete

salam dik....akk bt dh,jadi tpp akk xnk shadow kn....cmne ekk??? harap bleh tolong....
syimayie.blogspot.com

avatar
Shaky Shake
AUTHOR
February 11, 2012 at 5:41 PM delete

okay. mmg carik nie dah lame. thx lyssa. menjadi jugak. hehehe. =P

avatar
Amirah.
AUTHOR
February 20, 2012 at 11:47 AM delete

@Lyssa Dollixious sy share tutorial kak lyssa nie.. :D DA CREDIT

avatar
Dila
AUTHOR
March 24, 2012 at 2:46 AM delete

1st time bukak blog akak. :) And know what?
YOU ARE OHSEMMMMMMMM!!!!!!!!!!!!! *hug* THANKSSSSSSS :D

avatar
nn
AUTHOR
March 31, 2012 at 6:44 PM delete

my lovely unni!
thx for this tuto
suka sgt :3

avatar
NURUL ATIQAH
AUTHOR
April 22, 2012 at 3:44 AM delete

x jd pon mse tekan ctrl F tu
mcm mne nk buat ni?

avatar
NURUL ATIQAH
AUTHOR
April 22, 2012 at 3:47 AM delete

x jdi pon mse tekan ctrl F tu..
mcm mne nk buat ni ?

avatar
Anonymous
AUTHOR
May 11, 2012 at 2:20 PM delete

da jadi da lyssa. . tq :)

avatar
Unknown
AUTHOR
May 22, 2012 at 10:54 PM delete

ala... susah lah kak lyssa oikk ... huhuuu

avatar
Nanadd
AUTHOR
May 25, 2012 at 1:35 PM delete

Jadi ! Thank kak Lyssaa :D

avatar
Ashiqa
AUTHOR
September 11, 2012 at 4:52 PM delete


hurmm x jadi pon plizz help me nk sanggat toturial nie tapi x jadi tlg kak lyssa -_- sedeyy

avatar
atiyah
AUTHOR
September 20, 2012 at 6:29 PM delete

Kak camne nk ltak gmbr kecil dkt tab ?

avatar
January 2, 2013 at 11:46 PM delete

Thank you...dh jadi dh suke sgt :)

avatar

.Assalamualaikum.
.Sila Tinggalkan Comment Anda Di Sini.
SATU pun jadi lah ! hehe. EmoticonEmoticon