cara membuat effect shadow pada postingan gambar di blog

hmmm malem malem gini enaknya ngapain ya ?? daripada diem ga jelas di tinggal cw gw smsan mending posting aja dehh, kali ini saya mau posting tentang bagaimana cara membuat effect shadow pada postingan gambar di blog nih sob, mungkin tutor ini bermanfaat untuk sobat semua yg ingin tahu bagaimana cara membuat effect shadow gambar pada blog nih sob langsung aja deh ke intinya !!

1. Login ke template Blogger

2. Pilih menu template kemudian jangan lupa backup template terlebih dahulu, untuk menghindari terjadinya resiko rusaknya template blog

3. Pilih "edit HTML" dan centang kotak "expand widget template"

4. Cari kode CSS berikut:

.post img

 5. Ganti dengan kode berikut ini:

.post img{ padding:5px;   background:#fff;  
-moz-box-shadow: 0 0 5px 5px #888;
-webkit-box-shadow: 0 0 5px 5px #888;
border-radius:5px;
-moz-border-radius:5px;}

6. Jika kode  .post img  tidak ditemukan Copy dan paste kode tersebut diatas kode ]]></b:skin>

7. Simpan Template, kemudian lihat hasilnya kira kira seperti ini:

Keterangan:

Untuk mendapatkan hasil yang sesuai dengan keinginan kita, kita dapat mengedit property dari CSS tersebut diatas,

Demikian postingan kali ini mengenai tips cara membuat effect shadow pada postingan gambar di blog semoga bermanfaat.