Blogger – Membuat Drop Shadow untuk Mempercantik Tampilan Gambar

Drop Shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar. Coba anda perhatikan gambar yang ada di atas atau pada setiap postingan blog ini. Semua gambar tersebut memiliki bayangan yang membuat tampilannya menjadi lebih menarik.

Untuk membuat drop shadow bisa kita lakukan pada beberapa software photo editing seperti Adobe Photoshop. Tapi gimna jika semua postingan kita memiliki gambar yang akan diberi shadow dan jumlahnya banyak? Duh, bisa pusing jadinya… Tenang, dengan membaca tips ini sampai tuntas anda akan mengetahui cara memberi drop shadow pada gambar  postingan dengan hanya menggunakan kode css yang simpel.

1. Login ke akun Blogger anda, lalu pilih Layout > Edit HTML
2. Cari kode ]]></b:skin>, lalu paste kode berikut tepat di atasnya:

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

3. Cari kode <data:post.body/>, lalu ganti kode tersebut dengan kode berikut:
   <div class=’drop-shadow’><data:post.body/></div>
4. Terakhir, klik Save Template dan lihat hasilnya.

Selamat Mencoba.