Cara Membuat Tepi Gambar Bershadow Dengan CSS 3

By. Dedi Yahya S
 
Pada kesempatan kali ini saya akan memberikan trik dan panduan tentang Cara Membuat Tepi Gambar Bershadow Dengan CSS 3 pada Blogspot.

Cara Membuat Tepi Gambar Bershadow Dengan CSS 3 di Blog :

• Loggin pada Blogger
• Masuk mode Design kemudian Edit HTML
• Cari kode berikut :

.post img {
- - -
- - -
} 

Catatan :

1. Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna hijau adalah definisi CSS yang berbeda-beda setiap template
2. Dan kadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {

• Jika sudah ketemu, ganti kode tadi dengan kode berikut :

.post img {
background:#FFFFFF;
border:1px solid $bordercolor;
padding: 7px;
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
-goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
}

• Jika sudah, Simpan Template

Demikian blogger tutorial mengenai Cara Membuat Tepi Gambar Bershadow Dengan CSS 3.

Semoga bermanfaat dan semoga berhasil.
Terima Kasih ^_^   

Baca Selengkapnya...