Menambahkan Efek Bayangan pada Postingan Gambar

Kadang kita merasa bosen dengan tampilan gambar yang ada di blog kita yang biasa-biasa saja. Namun dengan sedikit 'trik' maka gambar tadi bisa menjadi lebih menarik loh. Misalnya menjadi ada bayangannya. Walaupun cuma sederhana tapi paling tidak bisa sedikit mengobati kebosanan kita akan hal yang biasa.

Nah untuk bisa tampil seperti itu kita memanfaatkan url http://i30.tinypic.com/1qsh1h.jpg untuk dapat menampilkan bayangan pada gambar yang kita post. Maka dari kita perlu berterimakasih banyak nih :)

Caranya pun sangat mudah kok, dapat dilakukan sebagai berikut :

1. Buka dasbor blogger anda.
2. Kemudian masuk ke 'template'.
3. Lalu lakukan pengeditan kode html dengan cara mengeklik 'edit html'

4. Centang checkbox 'expand widget templates'

5. Nah setelah itu cari kode berikut

.post img {
padding:4px;
border:1px solid #cccccc;
}

ganti dengan kode ini

.post img {
background:url(http://i30.tinypic.com/1qsh1h.jpg) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}

Setelah itu save template dan selamat menikmati hasilnya :)