Membuat Efek Bayangan Di Background Blog

Title : Membuat Efek Bayangan Di Background Blog
Assalamualaikum sobat semuanya. Background blog yang dihiasi dengan efek shadow atau bayangan, tentu akan lebih menarik dan background blog akan terlihat lebih cantik. Memberi efek shadow pada background bolog tidaklah sulit. caranya sangat mudah. Kalo sobat tertarik. ikuti langkah2 berikut:

1. Login ke Blog, Pilih Template/Rancangan, Pilih Edit HTML, cari code #outer-wrapper ,gunakan Ctrl+F untuk memudahkan pencarian. kalau codenya sudah ketemu.copy dan paste code berikut tepat di bawah code tadi:

2. Setelah code dipasang hasilnya akan seperti ini :
#outer-wrapper{width:980px;margin:0px auto 0px;padding:0;text-align:$startSide;font:$bodyfont;
-moz-box-shadow: 0px 0px 40px #151515;
-webkit-box-shadow: 0px 0px 40px #151515;
box-shadow: 0px 0px 40px #151515;}
Code berwarna merah adalah code asli, sedangkan yang bewarna biru adalah code tambahan untuk efek bayangan pada background blog.
3. Simpan pengaturan sobat.
Semoga berhasil dan semoga bermanfaat ya sob, jika ada masalah silahkan isi komentar !!!!
Membuat Efek Bayangan Di Background Blog

5 Responses to "Membuat Efek Bayangan Di Background Blog"

ekaJune 15, 2012 at 10:31 AM
code #outer-wrapper kaga ada diblog ane wkwkwk sayang bgt dah "D :D :D
ibnoe cahyadieSeptember 3, 2012 at 5:14 AM
makasih banyak gan atas tutornya, dari pada ngasi background pake gambar mendingan pake css. mantap negan artikelnya.... sekali lagi makasih banyak dan salam kenal.........
AlvinApril 21, 2013 at 8:07 AM
Makasih ya mas,dengan tutorial ene,blog ane udah ada shadownya di background
Luapin LupainMay 14, 2013 at 8:39 AM
cara ngasih efek pada judul post gimana gan?
DanielJuly 19, 2013 at 2:42 AM
@Eka heriyansah,

Kalau #outer-wrapper tidak ada, carilah kode yang menunjukan outer wrapper atau tepi pada blog anda seperti content-outer atau content-wrapper atau wrap.

Terima kasih.

Note: Only a member of this blog may post a comment.