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"

  1. code #outer-wrapper kaga ada diblog ane wkwkwk sayang bgt dah "D :D :D

    ReplyDelete
  2. makasih banyak gan atas tutornya, dari pada ngasi background pake gambar mendingan pake css. mantap negan artikelnya.... sekali lagi makasih banyak dan salam kenal.........

    ReplyDelete
  3. Makasih ya mas,dengan tutorial ene,blog ane udah ada shadownya di background

    ReplyDelete
  4. cara ngasih efek pada judul post gimana gan?

    ReplyDelete
  5. @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.


    ReplyDelete