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 !!!
Hi. I’m Designer of Blog Magic. I’m CEO/Founder of ThemeXpose. I’m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer and Photographer. Inspired to make things looks better.
0 comments:
Post a Comment