Cara Mudah memberi Efect Shadow Otomatis Pada Image Postingan Blog

Hallo Sahabat ! Bakalan-Tlogorejo-City -- Kali ini saya akan berbagi Cara Mudah memberi Efect Shadow Otomatis Pada Image Postingan Blog,Dan Apakah sahabat sudah pada tau apa itu CSS shadow...? CSS shadow adalah salah satu cara termudah untuk membuat effect bayangan pada image atau gambar.yang sobat posting di blog sobat...Jika sobat tertarik untuk memasang di blog sobat,sprti yang saya pasang di blog ini,Ikuti langkah di bawah ini..?

Lihat Perbedaan Gambar ATAS dan Bawah..!!!

Untuk membuat shadow image pada bahagian post, hanya ikut beberapa langkah yang mudah di bawah.

 1. Log in dashboard--> Template --> Edit HTML --> Proceed.

 2. Dengan menggunakan keyboard, tekan "Ctrl+F" cari kod  .post img
 3. Dan Jika Sobat mengunakan Template Yang hampir mirip dgan yang saya pakai
    kodenya akan sprti ini... .post img,table.tr-caption-container{padding-top:4px;border:0 solid #ccc}

.tr-caption-container img{border:none;padding:0} 

Lihat Gambar

Jika sama Hapus semua kodenya yag pada gambar saya kasih kotak merah dan ganti dengan kode css pada nomer 4,,,,

Contoh:

.post img {
background: () no-repeat right bottom;
padding: 0px 10px 10px 5px;
border: 0px;
}

 4. Seterusnya, salin kod css di bawah dan paste kod tersebut selepas atau di bawah kod .post img {

.post img {
-webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
-moz-box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
background: () no-repeat right bottom;
padding: 0px 10px 10px 5px;
border: 0px;
}

5. Akhir sekali, klik PREVIEW. Jika tiada sebarang mesej error terpapar, klik Save.
Semoga Artikel Ini Bermanfaat,,,,,,,Mohon Tinggalkan Kritik dan Saran Karena Kritik Dan Saran Anda Sangat Berarti Buat Admin ! Bakalan-Tlogorejo-City Mohon Perhatianya Terima Kasih ,,,,,,,,,,,