Cara Membuat Efek Bayangan/ Shadow Pada Tepi / Pinggir / Bingkai Blog

Agar blog terlihat lebih menarik kita dapat mempercantiknya dengan melakukan perubahan- perubahan pada tampilan blog, misalnya dengan menambahkan widget dan efek-efek, seperti menambahkan efek bayangan di pinggir/tepi blog. Walaupun sederhana tapi dapat mempercantik tampilan blog.

Membuat efek bayangan ini sangatlah mudah semudah memberikan efek bayangan pada gambar blog. Biasanya efek ini di tambahkan untuk mempercantik blog yang terlihat sederhana. Simak cara membuatnya.

Cara Menambahkan Bayangan Pada Tepi / Pinggir Blog

Menambahkan bayangan di Blog

1. Masuk di Blog kamu di Blogger
2. Pilih Template kemudian Edit HTML
3. Cari kode seperti ini : #outer-wrapper (kode ini bisa saja penamaanya berbeda di template yang kamu gunakan)
4. Misalnya kode di template kamu seperti ini:

#outer-wrapper{background:#fff;width:910px;text-align:left;font:12px Arial;margin:10px auto;padding:8px}

5. Sisipkan kode di bawah ini sesudah background:

-moz-box-shadow: 0px 0px 40px #333;-webkit-box-shadow: 0px 0px 40px #333;box-shadow: 0px 0px 40px #111;

Setelah di sisipkan maka akan menjadi seperti ini :

#outer-wrapper{background:#fff;-moz-box-shadow: 0px 0px 40px #333;-webkit-box-shadow: 0px 0px 40px #333;box-shadow: 0px 0px 40px #111;width:910px;text-align:left;font:12px Arial;margin:10px auto;padding:8px}

6. Save.

Mudah bukan? Sekian mengenai cara membuat efek bayangan di blog, Selamat mencoba.

By Rina Mandagi