Membuat Drop Shadow Pada Gambar di Seluruh Halaman Blog

Drop Shadow, merupakan efek bayangan yang akan membuat suatu elemen terlihat jelas dan nyata. Karena dengan memberikan efek ini, gambar terlihat lebih timbul dan 3 Dimensi.
Untuk menambahkannya pun cukup mudah, dengan memasukkan CSS kedalam settingan html pada blog, simak berikut langkah-langkah nya:

1. Buka halaman dashboard blogger, lalu klik Template dan Edit HTML.
2. Cari Script ]]></b:skin> pada kotak HTML, agar mudah menggunakan CTRL+F pada keyboard.
3. Setelah itu, copy kode dibawah lalu letakkan sebelum kode ]]></b:skin> tadi.

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

4. Sehingga seperti ini 

.post img{ padding:5px;   background:#fff;   -moz-box-shadow: 0 0 1px 1px #888; -webkit-box-shadow: 0 0 5px 5px #888; border-radius:5px; -moz-border-radius:5px;}]]></b:skin>

5. Kemudian, simpan perubahan dan selesai..

Semoga bermanfaat dan terus berkarya ya..

Terimakasih, jangan lupa coretan komentarnya dibawah :)

Posted in: Tips dan Trik,Tutorial Blog