Home » , » Cara Membuat Efek Drop Shadow pada Gambar

Cara Membuat Efek Drop Shadow pada Gambar


Menyertakan gambar atau photo pada postingan selain untuk mewakili tulisan juga bisa menjadi daya tarik tersendiri. Makanya hampir setiap blog maupun website memasang gambar atau photo.

Agar gambar yang sudah kita posting menjadi lebih menarik lagi, kita akan belajar membuat efek drop shadown pada gambar. Drop Shadow adalah sebuah efek bayangan yang timbul pada suatu objek, bisa pada sebuah kotak, tabel, dan gambar. Tidak perlu mengedit gambar yang akan kita posting dengan photoshop. Tapi kita akan langsung membuat gambar yang ada di blog kita memiliki efek drop shadown.

Cara Membuat Efek Drop Shadow pada Gambar

1. Login ke Blogger.
2. Klik Template
3. Kemudian pilih Edit HTML
4. Cari kode  ]]></b:skin>
5. Letakkan kode berikut 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;
}

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.

Selamat mencoba !!!
Share this article :
Comments
0 Comments

0 comments:

Post a Comment

 
Support : Contact | Privacy Policy | Disclaimer
Copyright © 2014. Umstrie Duatiga.com - All Rights Reserved
Template Created by Mas Kolis Published by Umstrie23.com
Proudly powered by Blogger>