Friday, October 29, 2010

Tutorial Drop Shadow Title Post

Greeting . Oke kali nie tutorial pasal macam mana nak buat DROP SHADOW TITLE POST ? Let's start .


  • Pergi Dashboard > Design > Edit HTML
  • Press ctrl + f , cari kod nie 
.post h3 {

  • Then paste kod text-shadow: 2px 2px 3px #333; dekat bawah kod tadi .
  • Nanti akan jadi macam nie ,
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size:140%;
font-weight:normal;
line-height:1.4em;
color:titlecolor;
text-shadow: 2px 2px 3px #333;
}

  • Korang boleh tukar kod #333 dekat sini .
  • DONE ! 
p/s : Preview dahulu sebelum save oke ! =)



12 comments:

Nazreen(: said...

:01

Azmiera said...

@Nazreen(: dah try buat ke ? does it work ? :02

Nazreen(: said...

@Azmiera tk jadilah akak :13

Azmiera said...

@Nazreen(: errr , ade tak post h3 tuu ?

Nazreen(: said...

@Azmiera tk jumpa lah akak . I sudaa ticked Expand Widgets tapi still tak jumpa :10

Nazreen(: said...

tk jumpa pun benda tuh .Dah ticked expand widget but still tk jumpa :10

Azmiera said...

@Nazreen(: kalau takde copy semua code kat atas tuu then paste bawah code

h3.post-title {

Nazreen(: said...

@Azmiera
h3.post-title { pon tk jumpa jugak :12

Azmiera said...
This comment has been removed by the author.
Azmiera said...

@Nazreen(: copy semua code dekat bawah nie pastu paste lain bawak /* Posts

h3.post-title {
text-align:left;
margin: 0;
font: normal normal 18px 'Trebuchet MS', Trebuchet, sans-serif;
}
.post h3 {
margin:.25em 0 0;
padding:0 0 4px;
font-size: 140%;
font-weight:normal;
line-height:1.4em;
color:titlecolor;
text-shadow: 2px 2px 3px #FFFFFF;
}

ain said...

jadi , thanks

Azmiera said...

@ain most welcome . thanks sbb try ^^