05 July 2011

Membuat Efek Drop Shadow

Biasanya kalo kite ngeblog pasti ada yang make gambarkan bro! nah biar keren dikit pake efek drop shadow neh. Drop Shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar. Langsung dicoba bro!!


Cara Membuat Efek Drop 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(http://i30.tinypic.com/1qsh1h.jpg) 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.

No comments:

Post a Comment

Related Posts Plugin for WordPress, Blogger...