Tuesday, January 16, 2018

√ Cara Menciptakan Efek Bayangan Pada Gambar Posting Blog

Pada artikel sebelumnya pernah kita tuliskan cara menciptakan imbas bayangan pada link blog supaya terkesan lebih menarik. Selain sanggup menciptakan imbas bayangan pada link blog kita juga sanggup meperindah gambar pada postingan yakni dengan menambahkan imbas bayangan menyerupai halnya imbas banyangan pada link blog.


Cara menciptakan imbas bayangan pada image atau gambar posting blog sangat mudah, Anda tinggal menambahkan beberapa arahan imbas bayangan pada tema blog. Sebagai catatan imbas bayangan jangan terlalu tebal supaya tetap terkesan elegan pada gambar posting blog. Kalau Anda tertarik eksklusif saja berikut langkah cara menciptakan imbas bayangan pada image atau gambar posting blog :

1. Login akun blogger Anda.
2. Pilih sajian tab Tema >> klik Edit HTML
3. Kemudian cari arahan .post-body img (Gunakan Ctrl+F untuk mempermudah pencarian).
4. Tambahkan arahan imbas bayangan berikut pada bab .post-body img
box-shadow:1px 2px 5px rgba(0,0,0,.1) #000;
5. Contoh kodenya akan menyerupai dibawah ini :
.post-body img,.post-body .tr-caption-container,.Profile img,.Image img,.BlogList .item-thumbnail img{background:#fff;border:1px solid #eee;-moz-box-shadow:1px 1px 5px rgba(0,0,0,.1);-webkit-box-shadow:1px 1px 5px rgba(0,0,0,.1);box-shadow:1px 2px 5px rgba(0,0,0,.1) #000;padding:5px;}
Keterangan :
Nilai 1px : nilai imbas bayangan kekanan, semakin tinggi nilainya semakin besar dan kekanan imbas bayangannya.
Nilai 2px : nilai imbas bayangan kebawah, semakin tinggi nilainya semakin besar dan kebawah imbas bayangannya.
Nilai 5px : imbas blur pada bayangan, semakin tinggi nilainya semakin tidak terang atau blur bayangannya dan semakin kecil nilainya semakin terang imbas blur-nya.
Nilai #000 : arahan warna dari bayangan, sanggup Anda ganti sesuai dengan keinginan.
6. Kalau sudah Simpan tema.

Nah, itu tadi cara menciptakan imbas bayangan pada gambar posting blog, warna dan tampilan bayangan sanggup Anda ganti sesuai dengan impian dengan tetap memperhatikan kesan elegan pada gambar atau image blog. Semoga berhasil dan bermanfaat!

Sumber http://id-pemula.blogspot.com