Drop Shadow Pada Gambar Postingan



Menambahkan sebuah efek bayangan yang timbul pada suatu objek mungkin akan mempercantik tampilan gambar pada posting kita. Coba anda perhatikan gambar yang ada pada setiap postingan blog ini, ada hal yang berbeda bukan?? Semua gambar tersebut memiliki bayangan yang membuatnya terlihat lebih menarik (menurut saya..^^).

Berikut Caranya :

1. Masuk ke akun Blogger anda, lalu pilih Layout > Edit HTML

2. Cari kode ]]></b:skin>, lalu paste kode css 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. Lalu cari kode <data:post.body/>, ganti kode tersebut dengan kode berikut :

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

4. Terakhir, pilih Save Template.


"Ditunggu Komentarnya...."

Stumble
Delicious
Technorati
Twitter
Facebook

Your Ad Here
 

aia En ciel's Copyright © 2010 | All Rights Reserved | Using Blogger | LKart Theme | Edit by. aia En ciel's