#Tips and Trick – Shadow @font/images blog

Assalamualaikum w.b.t dan Salam Sejahtera.

Bagaimana kita nak jadikan @font title / images di blog ada bayang-bayang(shadow). Tips dan trick ni mudah sebab main dengan .css dan font tersebut lebih tampak menonjol. Sekadar berkongsi bagi yang belum tahu dan korang boleh masukkan kod dibawah.

1. Tambah shadow di @font title

1. Buka Admin Panel > Editor > style.css

2. Masukkan kod dibawah di #font

 .entry-title a:link, .entry-title a:visited, #content .entry-title {
color: #xxxxxx;
text-shadow: #999 1px 1px 2px;
} 

Tukar warna #xxxxx kepada warna yang korang nak

3. Update file dan hasilnya seperti gambar dibawah

2. Tambah shadow di Images

1. Buka admin panel > Editor > style.css

2. Masukkan kod dibawah di #images

 .shadow {
 -moz-box-shadow: 3px 3px 4px #000;
 -webkit-box-shadow: 3px 3px 4px #000;
 box-shadow: 3px 3px 4px #000;
 /* For IE 8 */
 -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
 /* For IE 5.5 - 7 */
 filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}  

3. Update file dan Save

Dah siap! Mudah bukan? Selamat mencuba~ :love:

Nantikan #tips and trick lain di platform WordPress  selepas ni. Watch Out!!