Cara Membuat Efek Box shadow pada Outer Blog

Wah Bagi yang suka Langsung aja ke tkp dah,
Atau Lihat Demo

Soalnya lagi males mau Nulis sob, setengah ngantuk hehe

Ke Tkp

1.Login  blog sobat.
2.Klik Template
3.Edit Html
4.Centang Expand Template Widget
5.Cari Kode #outer-wrapper (Gunakan Ctrl + F untuk lebi Cepatnya)

Paste Kode Ini didalamnya,
-moz-box-shadow: 0px 0px 50px #555555;-webkit-box-shadow:0px 0px 50px #555555;box-shadow: 0px 0px 50px #555555;

Contoh Kode awalnya.
#outer-wrapper{width:840px;line-height:18px;margin:0 auto;padding:5px 0 0 ;}

Menjadi
#outer-wrapper{width:840px;line-height:18px;margin:0 auto;padding:5px 0 0 ;-moz-box-shadow: 0px 0px 50px #555555;-webkit-box-shadow:0px 0px 50px #555555;box-shadow: 0px 0px 50px #555555;}

Keterangan :
Teks yang berwarna Hijau itu bisa di ganti dengan Kode Warna anda sendiri.
Teks yang berwarna merah itu untuk ketebalan Box Shadownya, bisa anda atur sendiri.

Jika cara diatas gagal,

Sobat bisa pastekan Kodenya Di Dalam Kode #wrap

Contoh : Sebelum.

#wrap{background:#fff;width:860px;position:relative;margin:0 auto 10px;padding:0;}

Sesudah

#wrap{background:#fff;width:860px;position:relative;margin:0 auto 10px;padding:0;-moz-box-shadow: 0px 0px 50px #555555;-webkit-box-shadow:0px 0px 50px #555555;box-shadow: 0px 0px 50px #555555;}

Semoga bermanfaat kawan :)