SUMBER ILMU

Menambahkan efek drop shadow pada foto dalam blog

Bookmark and Share

Kali ini gw mau nerangin (pake center/lampu) <<bukan nerangin kaya gini, tapi menerangkan tentang menabahkan efek drop shadow pada foto dalam blog.
Sesuai namanya drop shadow adalah efek bayangan yang timbul dalam suatu objek. Guna dari pada efek drop shadow ini adalah untuk memperindah atau mempercantik pada foto atau gambar pada blog kita tanpa harus mengeditnya. Langsung aja kalo mau, ikuti langkah berikut ini:

Cara Membuat Efek Drop Shadow Pada Foto
1. Login ke akun blogger .com
2. Pilih Tata Letak
3. Lalu tambahkan Tambah Gadget > HTML/Javascript
4. Kemudian masukan kode berikut ini:
<style type="text/css">
.efekshadow{ background:#fff; padding:2px; border:1px solid#fff;
-moz-box-shadow: 0 0 5px 5px#888;
-webkit-box-shadow: 0 0 5px 5px #888;
border-radius:5px;
-moz-border-radius:5px;
}
</style>
<a href="link url atau gambar yang dituju contoh:http://teguhrsp.com" target="blank"><img class="efekshadow" src="url gambar kamu" /></a>
5. kamu bisa mengganti kode diatas sesuai dengan keinginanmu. Simpan. Selesai

{ 0 komentar... Views All / Send Comment! }

Posting Komentar

lets comment