Cara menambahkan bayangan pada Tepi/ Pinggir Template blog di Blogger

HaiSobat apa kabar? semoga semuanya pada baik. Pada kesempatan ini saya akan membagikan tutorial bagaimana cara menambahkan efek bayangan/shadow effect pada tepi/pinggir tampilan blog.

Agar blog terlihat lebihmenarik kita dapat mempercantiknya dengan melakukan perubahan- perubahan di template 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 Template blog di Blogger


1. Masuk di Blog kamu di Blogger
2. Pilih Template kemudian Edit HTML
Cara menambahkan bayangan pada Tepi/ Pinggir Template blog di Blogger

Baca juga: cara memasang slider otomatis di Blogger

3. Cari kode seperti ini : #outer-wrapper (Tekan Ctrl+ F untuk mempermudah menemukan kodenya )  kode CSS 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 dan lihat hasilya.

Baca juga: Blog sering di copas orang? coba pakai script ini

Mudah bukan? masih ada banyak cara untuk membuat tampilan blog sederhana menjadi terlihat lebih menarik. Sekian mengenai cara membuat efek bayangan di blog, Selamat mencoba.