Minahsmk1

Saturday, 20 December 2014

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

Cara Menambahkan Efek Bayangan Pada Gambar Blog

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

Cara Menambahkan Efek Bayangan Pada Gambar Blog

3.Cari kode gambar yang anda ingin beri efek bayangan
<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="http://1.bp.blogspot.com/-UDbdqOg1kDo/VJWX2_IFs1I/AAAAAAAADUU/jHAs5Pat-vs/s1600/Cara%2BMenambahkan%2BEfek%2BBayangan%2BPada%2BGambar%2BBlog.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

Cara Menambahkan Efek Bayangan Pada Gambar Blog


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

1 komentar:

Wong Crewchild delete 21 December 2014 at 06:11

makasih tutorialnya mbak..dengan efek bayangan, gambar jadi lebih menarik

Silahkan tuliskan komentar sobat dan mohon jangan menampilkan link aktif

 
Back To Top