TUTORIAL : Image Shadow Border !

SIMPLE TEMPLATE ONLY

Firstly korunk kene pergi ke Dashboard > Design > Edit HTML*tick expand widget . dah sudah cari code ini pula yer ?
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
seterusnya korunk copy pulak code di bawah nie dan paste kan di bawah code yang di atas nie yupp ^^
-webkit-transition-duration:.4s;} img:hover {filter: alpha(opacity=100); opacity: .1.0; -webkit-box-shadow: 0px 0px 50px #F778A1; -moz-box-shadow: 0px 0px 50px #F778A1; -webkit-border-top-right-radius:30; -webkit-border-top-left-radius:30; -webkit-border-bottom-right-radius:30; -webkit-border-bottom-left-radius:30;}img:hover {filter: alpha(opacity=80); opacity: .80; border: 1px dashed #000000; border-radius: 50px; -moz-border-radius: 50px;}
 OKEHH , now done ! ek'ehh ! korunk tak jumpe yer ?? una pun tak jumpe code nie sebenarnya but jangan gelabah yer ? ade lagy satu cary ^^ korunk cary aje code nie okehh ??
h2 {
hahh , dah cary kan ? aikk , tetibe ade bnyk code kat bawah dyer kann ?? hahh , tak pe lahh ! korunk copy paste aje code yang una bagy tuh di bawah h2 { tuh okeehhh ?? bila dah siap ape lagy save lahh ^^ 

nota kecil buat korunk : 
yang berwarna purple ialah code untuk warna shadow tuh :)
yang warna pink itu pula warne untuk line dashed yang berada di sekeliling tuh yer ??
code colour boleh cary di SINI yaaa ??
tak paham sila tanya yaa ?? pasty una akan jawab dan bantu punya ^^

Hai! Selamat membaca. Jangan lupa tinggal komen ya?

14 comments:

Assalammualaikum and Hye to all Blogger. Harap anda tidak mengeluarkan sebarang bahasa yang kasar ATAU keterlaluan untuk di baca. Ada apa-apa pertanyaan? Sila komen sini.. =TERIMA KASIH=