Forever Young

Tutorial Border Dan Shadow di Keliling Post Title
December 13, 2011 . 0 word(s) .
                                                               

   .Assalamualaikum !
Peacee ^_^v

Okeyy , Syaza teruskah je lah eh ? Baru kejap ni , ada orang tanya Syaza macam mana nak buat ada shadow di keliling post title . Chewah . NICE IDEA . Syaza pun test dekat blog Syaza . 
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=

Copy By ~Cik Lyssa~  

                                              
                                                                                                                         


Thanks for reading :)




Older Post . Newer Post


// Forever Young-One Direction