Membuat Effect Shadow Pada Tepi Gambar Dengan CSS 3

Log In ke blogger pada dashboard masuk pada bagian "Template" lalu ke "Edit HTML"
lalu cari code CSS dibawah ini

.post img {
- - -
- - -
}

Note :
Perhatikan saja code yang berwarna merah diatas, karena garis ( - - - ) yang berwarna biru adalah definisi CSS yang berbeda-beda setiap template.
Dan terkadang code yang berwarna merah ada tambahanya sehingga seperti ini : .post img, table.tr-caption-container {
Nah kalau sudah, ganti code CSS tadi dengan definisi seperti dibawah ini.

.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);
}

Setelah selesai, lalu SAVE dan liat hasilnya.

Semoga bermanfaat.