Cara Menambahkan Efek Bayangan Pada Gambar Blog

Setelah tadi saya membahas mengenai Cara Menghilangkan Obeng Pada Blog. Kali ini saya akan membahas lagi tentang dunia blog. Postingan ini mungkin sangat sepele untuk para Mastah, tapi saya berbagi untuk para sahabat newbie seperti saya.

Tutorial yang saya akan bagikan kali ini yaitu mengenai Cara Menambahkan Efek Bayangan Pada Gambar Blog. Cara ini bisa anda terapkan secara permanen pada template blog yaitu dengan mengedit css blog, sehingga secara otomatis jika anda memasukan gambar. Maka gambarnya akan langsung memiliki efek bayangan. Tapi bisa juga jika anda hanya ingin menambahkan pada gambar tertentu saja.

Nah, yang akan saya bahas di sini adalah cara menambahkan efek bayangan pada gambar tertentu saja pada blog. ok langsung saja ke topik pembahasan yaitu Cara Menambahkan Efek Bayangan Pada Gambar Blog.

1. Buat postingan dan upload gambar. Contohnya disini saya upload gambar blog saya sendiri

2. Setelah gambar di upload silahkan anda pilih Html disebelah compose

3.Cari kode gambar yang anda ingin beri efek bayangan

<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH1IjT0nTtRYjirctqOc_JfXysc5pMkjyA8VFjn3Z17WEJD8w1oPWHY4D2NybJ_QvA11lVf3N76BMvihjzpbTlt-5zC5AQqYGCxJNFhd8KZjDB_Z-uRwSXJeX5lxPr376_DYD6_2i9vO0/s1600/Cara+Menambahkan+Efek+Bayangan+Pada+Gambar+Blog.png" height="308" width="100%" /></div>

3. Anda ubah tulisan yang berwarna hijau menjadi <div class="separator" style="box-shadow: 3px 3px 8px #000; clear: both; text-align: center;">

4. Maka hasilnya akan seperti ini

Selesai sudah tutorial mengenai Cara Menambahkan Efek Bayangan Pada Gambar Blog. Cukup mudah bukan?, Silahkan sobat coba di blog sobat masing-masing.