Membuat Shadow pada Gambar Posting

Tampilan blog yang profesional akan sangat didambakan setiap blogger, baik dari segi template blog, paduan warna hingga postingan. Dari segi postingan terlihat sangat kurang profesional jika tidak dilampirkan gambar-gambar yang bagus dan cantik.

Shadow adalah bayangan, efek bayangan yang dipasang pada gambar akan terlihat menarik. Dengan dilampirkannya gambar disetiap lembar posting yang dilengkapi dengan effek shadow bisa menambah profesional dan wibawa tersendiri bagi sebuah blog.

Cara Membuat Efek Shadow pada Gambar
1. Login ke Blogger.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget
5. Cari kode  ]]></b:skin>
6. Jika sudah ketemu taruh kode berikut di atasnya:

.drop-shadow img {
background:url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQFpFOZjcqjJMLxaXpKhLrW_DuxQKlW-SksVMKG2yYb88qJV85Dew) no-repeat right bottom;
padding: 5px 10px 10px 5px;
}

7. Cari kode <data:post.body/> lalu ganti kode tersebut dengan kode berikut:

<div class='drop-shadow'><data:post.body/></div>

8. Simpan template jika sudah selesai.

Terima Kasih Telah Melihat Artikel Membuat Shadow pada Gambar Posting | URL Artikel Membuat Shadow pada Gambar Posting ini adalah : http://blogdbase.blogspot.com/2013/07/membuat-shadow-pada-gambar-posting.html.
Artikel Membuat Shadow pada Gambar Posting ini dilindungi oleh DMCA. Copy Paste artikel harus disertai link sumber demi kenyamanan