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="http://twitter.com/rahadieko" target="blank"><img class="efekshadow" src="https://twimg0-a.akamaihd.net/profile_images/2312189562
/ddm8q41q3ioi43to04je_reasonably_small.jpeg" /></a>
.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="http://twitter.com/rahadieko" target="blank"><img class="efekshadow" src="https://twimg0-a.akamaihd.net/profile_images/2312189562
/ddm8q41q3ioi43to04je_reasonably_small.jpeg" /></a>
5. Kode yang berwarna merah adalah URL link yang dituju dan URL gambar atau foto, kamu bisa menggantinya sesuai dengan keinginanmu. Simpan jika sudah selesai.
source: www.kurniasepta.blogspot.com
Comments
Post a Comment