Tutorial : Border dan Shadow di Keliling Post Title

Gadis Kidal Berceloteh...
11/12/2011

.Assalamualaikum !
Peacee ^_^v


Okeyy , Lyssa teruskah je lah eh ? Baru kejap ni , ada orang tanya Lyssa macam mana nak buat ada shadow di keliling post title . Chewah . NICE IDEA . Lyssa pun test dekat blog Lyssa . 
Test punya test , jadi lah macam ini . Cantik jugak shadow nya . Ada yang nak try ? Silakan :

 

Apa macam ? Mahu try ? Okeyy .  Jom !


1. Log in > Dashboard > Design > Edit Html 

2. Tekan Ctrl F serentak , dan cari kod ini :

.post h3 {    kalau tak jumpa , cari kod ini pulak   h3.post-title {  atau yang ini  h4 }


3. Haa . ada jumpa tak ?  Kalau ada , copy kod ini di bawah kod yang korang cari tadi :

background: #FFECF5;
border: 2px dashed #000000;
-moz-box-shadow: 0 0 3px 3px #C0C0C0;
-webkit-box-shadow: 0 0 3px 3px #
C0C0C0;
box-shadow: 0 0 2px 2px #
C0C0C0;
 

Warna pink = Warna background post title
Warna biru = Warna border post title title
Warna merah = Warna shadow post title 

Kalau nak tukar , korang boleh cari color kod DI SINI !


4. Sekarang , korang PREVIEW . 

5. Menjadi tak ? Kalau jadi , SAVE terus ye :)


=Selamat Mencuba=

 
KONGSIKAN ARTIKEL INI..
Previous
Next Post »

74 000 orang Comment Di Sini

Write 000 orang Comment Di Sini
Anonymous
AUTHOR
December 12, 2011 at 3:03 PM delete

nk cubelah!

avatar
zatyfeena
AUTHOR
December 12, 2011 at 3:31 PM delete

kalau buat ni, fb share yg sebelah title tuu mmg tak nampak eh ?

avatar
mykasandra
AUTHOR
December 12, 2011 at 3:34 PM delete

xjadi..or else mika terslh wt ek? tp da ikut da...

avatar
Creamytious
AUTHOR
December 12, 2011 at 3:46 PM delete

alahh , kena tak jumpa carikk kod ahh ! Frusttratingg :(

avatar
Creamytious
AUTHOR
December 12, 2011 at 3:52 PM delete

Tak jadii lhaa ! @lyssa dollixious
boley tak kalau kod nihh - h3 post title

avatar
e i y k a
AUTHOR
December 12, 2011 at 3:53 PM delete

hoyeahh . menjadi lah sis lyssa . tenkiu for the tuto :)

avatar
Unknown
AUTHOR
December 12, 2011 at 4:36 PM delete

tq dik...dah siap buat pon...cantek sgt...tq so much dear...^_^

avatar
December 12, 2011 at 4:38 PM delete

ala lysa...knpe ade brode jew...xade wrne pon..huhu..:|

avatar
Anonymous
AUTHOR
December 12, 2011 at 4:45 PM delete

tak jadilah kak lyssa.. :'(

avatar
sitirohaida
AUTHOR
December 12, 2011 at 4:46 PM delete

mcm mne nk buat post title tu x bergerak semula...

avatar
Unknown
AUTHOR
December 12, 2011 at 5:24 PM delete

Salam dik lyssa....tq 4 the tuto....sume tuto adik m'bntu akak kemas kn blog....

avatar
Hara Sya
AUTHOR
December 12, 2011 at 5:24 PM delete

thank you kak lyssa ! :D

avatar
Unknown
AUTHOR
December 12, 2011 at 5:24 PM delete

Salam dik lyssa....tq 4 the tuto....sume tuto adik m'bntu akak kemas kn blog....

avatar
December 12, 2011 at 6:15 PM delete

hye kak lyssa :) mau tnyala, cmna nak buat auto hide sidebar ek? puas sy cuba yg tutorial lain, smua x mjd laa :(

avatar
SHaeezah
AUTHOR
December 12, 2011 at 6:43 PM delete

thnkz kakak lyssa sudah jadi :)
kaka ajar lah mcm anew nak buad
tekan sini untuk komen tu :)

avatar
urleen
AUTHOR
December 12, 2011 at 7:10 PM delete

eurmm..tpi kan ,, nak type Ctrl F tu kat mane ehh ??

avatar
Atirah ★
AUTHOR
December 12, 2011 at 8:58 PM delete

xde p0m kod tu . . .cmner ni lyssa , smua tuto cmni msti jer xjd . . . tringin sngt nk buat tuto yg lyssa ajrkan ni . . :(

avatar
Fatin Najwa
AUTHOR
December 12, 2011 at 9:00 PM delete

yeah ! terbaik . tpy cam ne nk suruh dia jdy bulat bkn tajam ?

avatar
Fatin Najwa
AUTHOR
December 12, 2011 at 9:09 PM delete

sdh jdy ^.^ tpy mcm mne nk center kn tittle post erk ? ^.^

avatar
Ecah Apple
AUTHOR
December 13, 2011 at 1:13 PM delete

dah try . Menjadi lah . Cantik sangat . Thnx kak lyssa =)

avatar
IzzahNajihah
AUTHOR
December 13, 2011 at 4:23 PM delete

Kak Lyssa , sy dh wt .. tp , npe kawasan dlm border sy tu .. de wrne background blog ? sy nk wrne putih .. cm kawasan dlm border blog kak lyssa neyh . tlg wt tuto leyh x ? #budak baru nk belajar . :D

avatar
Syaza Afiqah
AUTHOR
December 14, 2011 at 1:18 PM delete

copy tuto ni ukeyh kak lyssa?
last tuto ni syaza akn tulis.
'Copy By ~Cik Lyssa~

avatar
Ibung
AUTHOR
December 14, 2011 at 3:08 PM delete

nak try gak laa. comey!

avatar
Mokcu
AUTHOR
December 14, 2011 at 3:08 PM delete

kak adk x jdi wt lah cm ne ye..
klau kte pkai post title bgrak ke kri pstu nk buang dye cm ne ek adk dh buang dye pnye kod tpi dye brgrak jgak cm ne ye ...
boleh tgok kn x..hehe

avatar
aQis
AUTHOR
December 14, 2011 at 11:03 PM delete

nak tnye kenapa kite wt petak kt lyssa wt melengkung ..

avatar
Zylee Rahman
AUTHOR
December 16, 2011 at 8:19 AM delete

Kak Lyssa tak jadi pun. Dia tak keluar. Huhu

avatar
fyqahayub™
AUTHOR
December 16, 2011 at 4:40 PM delete

kakak , nape tak jadi ehh ? Daa puass buad daa . Dea jd cenggini 'More than one widget was found with id: HTML12. Widget IDs should be unique' . Geram betol -,-'

avatar
sugoi iris
AUTHOR
December 17, 2011 at 1:41 PM delete

kak lyssa ! klau na bt kt sidebar ta bleyh kew ???

avatar
December 17, 2011 at 4:03 PM delete

kak lyssa . sy amek satu naik lif laju2 tuu eyy . nak komen kat sna , tapi takdapat pulak. taktau naperr . btw , thanks kak lyssa :)

avatar
December 19, 2011 at 12:50 PM delete

Assalamualikum..

kak lisa menjadi thanks yee..~~\

saya suka tutorial kak lisa

avatar
December 21, 2011 at 1:48 PM delete

menjadi ^__^ thanks lyssa ^_^

avatar
...
AUTHOR
December 25, 2011 at 1:24 AM delete

ALAA...NAPE X JADI YEA...HUHU

avatar
SyuSab
AUTHOR
December 25, 2011 at 1:40 PM delete

kak lisa . blog skin dengan blog template tuu laen ehh ? boleh explain takk ?@adiba imani salsabila

avatar
Unknown
AUTHOR
December 25, 2011 at 10:39 PM delete

ye !!! mnjadi ! tengs kak lyssa oikkk !!!!!

avatar
December 26, 2011 at 2:43 PM delete

thnx lisa
love ur belog hunny ;-]

avatar
December 27, 2011 at 5:56 PM delete

kak lyssa , kalau pakai washed denim template boleh tak pakai tutor ni ?

avatar
December 31, 2011 at 5:58 PM delete

kak lisa ! tlg lhah saia , kod yg kak lisa suh crik tuh tade la . cmne nie ?

avatar
Unknown
AUTHOR
January 15, 2012 at 2:54 PM delete

Kak lyssa,knapa tyra try tak dpt ?

avatar
Unknown
AUTHOR
January 15, 2012 at 2:55 PM delete

Kak lyssa,knapa tyra try tak dpt ?

avatar
Unknown
AUTHOR
January 15, 2012 at 2:55 PM delete

Kak lyssa,knapa tyra try tak dpt ?

avatar
nAzmiN
AUTHOR
January 16, 2012 at 11:30 AM delete

thankyou so much sys :)

avatar
Shaky Shake
AUTHOR
February 4, 2012 at 3:47 PM delete

x jadilah lyssa. tp code uh jumpa. =(

avatar
Unknown
AUTHOR
March 9, 2012 at 7:04 PM delete

knp x mnjdi?? :( ermmm, cdey nyaaa...

avatar
March 12, 2012 at 3:01 AM delete

lyssa, xjd laa syg. xtau kt mne silapnyee..

avatar
Kuza Syahidah
AUTHOR
March 14, 2012 at 9:46 PM delete

asal x jmpe p0m code 2 ? cmne ni..

avatar
Unknown
AUTHOR
April 3, 2012 at 3:02 PM delete

nape tak jumpe... mcm sedey jew.. :(

avatar
Unknown
AUTHOR
May 24, 2012 at 5:41 PM delete

thanks ia mudah faham tutorial ni..

avatar
Unknown
AUTHOR
May 27, 2012 at 12:12 PM delete

grrr.. kenapa tak jadik nih lyssa?

avatar
Nurul Izzati
AUTHOR
June 13, 2012 at 11:35 PM delete

kak, camne nak remove border dan shadow tu? :/

avatar
Asma' Sah
AUTHOR
September 17, 2012 at 10:49 AM delete

kak lyssa,x jadi la...bukannya post tittle yg jdi shadow tapi post body pun kna jgk..

avatar
Anonymous
AUTHOR
November 5, 2012 at 5:00 PM delete

Sis lyssa.. Tak jumpa kod :(
Kenapa ? Kenapa ?

avatar
December 6, 2012 at 12:16 AM delete

kak. nk tanye ckit leh..
akak gune template jenis ape??

avatar
Anonymous
AUTHOR
December 20, 2012 at 4:08 PM delete

thanks kak lyssa :)
dinie punye da menjadi .

avatar
Unknown
AUTHOR
December 28, 2012 at 9:29 PM delete

kenapa dia tak jadi bulat? Tajam tak cantik lah kak :(

avatar
Sheixya
AUTHOR
December 31, 2012 at 3:57 PM delete

Tak menjadi lah kak lysaa

avatar
January 3, 2013 at 12:48 AM delete

thank lyssa..
akhirnya jadi jugak buat tutorial yg lyssa bg nie
thank a lot :P

avatar
February 2, 2013 at 12:17 AM delete

assalamualaikum kak lysa, tak dpt lah cari kod ketigatiga tuh, macam mana nak buat eh? tolong sye kak lysa. :(

avatar
Unknown
AUTHOR
June 11, 2013 at 9:22 PM delete

thanks kak lyssa :D

avatar
September 4, 2013 at 3:11 PM delete

kak lyssa mohon copy nak buat tutorial ye.Thks you

avatar

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