Membuat Efek Shadow (Bayangan) Pada Gambar di Blog

Membuat Efek Shadow ( Bayangan ) pada blog  bertujuan agar gambar diblog anda tampak lebih indah dan keren. Rasanya sebuah postingan akan lebih menarik jika kita menyertakan gambar ilustrasinya. Tidak hanya tulisan, Gambar merupakan hal yang cukup penting untuk postingan, jika tidak ada gambar pada postingan dan hanya berisi tulisan saja, maka pengunjung akan cepat merasa bosan dengan artikel anda.


Pada postingan kali ini kita akan belajar untuk membuat gambar menjadi lebih menarik lagi, yaitu dengan membuat efek shadow (bayangan) pada gambar. Drop Shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah gambar. Tidak perlu mengedit gambar dengan photoshop, disini kita akan langsung membuat gambar yang ada di blog kita memiliki efek drop shadow.

Cara Pembuatan :

• Login ke Blogger. 
• Di halaman Dasbor, kita pilih Rancangan.
• Kemudian pilih Edit HTML
• Beri tanda centang pada "Expand Template Widget"
• Cari kode  ]]></b:skin>
• Lalu taruh kode di bawah ini di atas kode ]]></b:skin>

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

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

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

Tweet

Subscribe to receive free email updates: