Home
tutorial
Tips-Tips

Santai Bersama Ben Ashaari

25 December 2010

Tutorial : Shadow Effect Dekat Post Title And Sidebar

Olla ! 
Today , Lyssa nak buad satu tuto niyh :)
Ada requst dari sorg budak comel ^^
Dia tnya  , macam mana nk buad bayang kat post title ! =)

Oke , mari sini , Lyssa ajar kn !~

1. Dashboard  =>  Design  =>  Edit HTML  =>  Tick Expand Widget Templates .
2. Untuk buat shadow for post title , korang tekan CTRL+F and cari code ni.

h3.post-title {
*Kalau korunk tak jmpa kod at atas niyh ,try cari kod yang ini pulak ;)

.post h3 {

3. Lepas tu, korang copy code dekat bawah ni , paste dekat bawah code atas ni.
text-shadow: 2px 2px 3px #FFFFFF;

Bagi sapew yg nak buad shadow effect kt sidebar plak ,,korunk cari code ini :
h2 {

5. copy and paste code shadow yang Lyssa bagi dekat bawah code atas ni ok.
6. yang warna merah tu, code gambar . yang tu warna putih . kalau korang nak
    tukar warna , tekan link yang hana bagi ni >TEKAN< ]
7. Preview and kalau jadi sila lah save okeh .
*Kredit to , Hana :)

55 000 orang Pengomen Terhebat !!:

Fadzzureen ♥♥ said...

Perkataan h3.post-title { tu tak ade pun.. :(

Lyssa Dollixious said...

@Fadzzureen ♥♥

tak de ker ? alar. cari kod yg lebih kurang cm tuh lah . yg ada tulis h3

aina said...

shadow effct nie yg mane

Zaidatul Shima said...

kq lyssa . sye da ter emove header sy , cane nk ltk balek ?? tak bole ke ?

ilybeetch(: said...

jadi ! thankyou for the tutorial . :)

liyana said...

emm tq lyssa 4 da tuto :)

liyana said...

tq lyssa 4 da tuto

zarulfarhana said...

xdpt pon dua2 kot tue..

❤ sHirOie ❤ GirLz said...

akak taw ke camne nakk buwad shadow effect untuk blog fonts ? help plzz .

Nina LuvyLuvya said...

Shadow effects tu ape akak?

~ nadd dalynezz ~ said...

jdi jdi ! thanks sys lyssa <3

Cik Ain said...

jadi !!..thnxx sys..:)

masni said...

salam lisa nak tnayk mcm mana eyk.. klo nak buat klo cursor kita e2 dekat gmbar kita dya jadi blink..\

hadieza said...

KAK..!! x jadi..!! :(
yg nii maksodnya macamne..?? "paste dekat bawah code atas ni"

nana ilyana said...

akak comel..x jmpe lah ..due2 code x jmpe...

Aqila Salim said...

sys lyssa ! dah jadi :D terima kasih.

farhana khalid said...

sys lyssa,code pada blog saya yg ade kne mngena dengn h3 hanya ade ni je :



jd,mcm mana?

ahmad hafiz fazrin said...

tak faham lah mksd shadow effect ni y mne??

seE_miEza said...

alaaa .. shadow effect nie d pat tajuk entry korang laa ..

this is me said...

thxx akk... jdy la shad0w effect...thxx c0z bgy mcm2 tuto..bleyh bgy bl0g b'tmbh lawa haha !!! =)

Hanis Nabila said...

Thanks K.Lyssa
ILYSM
Sbb Blog Saye Dh Semakin Cntk Dgn Adenyer Tuto Akq Ni
Thanks..!
Akq Ni Baik Sngt2!
ILYSM

Sharifah Salwa Mohd Jafri said...

kak lyssa ,, shadow effect tu ape ? explanatin plizz . hehe

i-am-me said...

haha , again . jdi jugak . tuto kak lysa sng nk paham . thanks yep :D

budak comell said...

thnkyou kak lyssa for this tuto :)

sukahatihalsendiri(: said...

TAK JADI :(

!wanA said...

done ! tq akak ! <3

EyreeN said...

Hey thx so much sume menjadi!

misz nina said...

Nak TRY :) thank u <3

Puteri Diana said...

thanx kak Lyssa!

i l y l i n said...

da save , tapi tade effect pape pn . so sad :(

ayien said...

kak lyssa . nk tnya . cm mana nk buat ada effect bila anak panah menyentuh header ?@liyana

Laut Biru said...

@Fadzzureen ♥♥
sahdow effect ni mcm mane ? cube bagy contoh .

maEyy saRa said...

kak lysa . mcm mna nak tukar backgroun , sara punya dari pyzam , sara nak tukar background mcm akak . ajar bha ...

merah jambu(natasha azureen) said...

akak..sgad menjadi..suke2..tq taw

zulaikha said...

Fuhh ! Banyaknya akak lyssa bt tutorial ! x penat ke ?? heheh kemas akak punye blog ! ... :) :D

Akmarina said...

@zulaikha
salam kak adk nk tnya nim mcm mna nk bt blog tittle mcm akak hrap akak bleh bt tuto :)

nabil hakim said...

x ade pun...

Sheera Chispmore said...

due due tak jd lah kak lysaa :'(

chinta qiela said...

yang ni pun dah jadi . terima kasih lyssa (:

Shaidatul Husna said...

whoahhhh :O cun habess blog kak Lyssa :) btw , cmne nak buat gambar yang besar kat blog tuh ? o.O

raihanah azmi said...

errm ,x faham laa nk bk buat ,satu lagi daa try daah tpi x jadi lah ,mcm mne nk buat nih

lullabyDfieda said...

thanks kak..dah jadi :)

Chef Ariffin Official Blog said...

thanks for the tutorial!

E-Liya Ilya ~ Eliya Loving ~ said...

jap..tujuan ape ek ?

alya natasha said...

dah jadi... thanks kak lyssa.... :)

Leyy Are'na said...

akak kurang faham laa , soe

Mrs.November said...

jadi lah ! thanks kak lyssa :D

aku yasmin said...

Jadiii . Thnks kakak Lysaa .

yayasyira said...

kak lyssa!jdi lah...thnkz!

faraazrin said...

salam..juz nak tanya macam nak insert image di header background then besarkannnya?iaitu width n height

faraazrin said...

salam..macam mana nak insert image dibackground header n besar image iaitu width n heightsupaya betul2 centre

Nur Aisyah said...

wahh , tnaks :)

Nabila Izzati said...

Sye Suke Tuto ni ,,

eyra said...

salam.. kak lyssa... yg nii ape bnda yea..??

HapPy tEengEr said...

salam akaq tolong sye nk tukar background xpndaiii :(