Membuat Efek Shadow atau Bayangan pada Background Blog

As Khairi - Untuk blogger berpengalaman, ini sudah tidak asing lagi bagi mereka. Akan tetapi, bagi blogger pemula seperti saya, ini merupakan sesuatu hal yang baru. Seperti apa sih Efek Shadow atau Bayangan pada Background Blog?

Lihat gambar berikut :

Efek Shadow atau Bayangan pada Background Blog

Tertarik Untuk Mencoba?

Berikut cara Membuat Efek Shadow atau Bayangan pada Background Blog :

1. Login ke Akun Blogger Sobat
2. Pilih Template
3. Pilih Cadangkan/Pulihkan untuk backup template jika terjadi  error
4. Klik Edit HTML
5. Pilih Format Template
6. Cari Kode berikut :

Kode:

.content-outer { -moz-box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); -webkit-box-shadow: 0 0 $(content.shadow.spread.webkit) rgba(0, 0, 0, .15); -goog-ms-box-shadow: 0 0 $(content.shadow.spread.ie) #333333; box-shadow: 0 0 $(content.shadow.spread) rgba(0, 0, 0, .15); margin-bottom: 1px; }

     7.  Ganti dengan kode dibawah ini :

Kode:

.content-outer { background:; -moz-border-radius-bottomleft:15px;-moz-border-radius-bottomright:15px;-moz-border-radius-topleft:15px;-moz-border-radius-topright:15px; width:900px; margin:0 auto; padding:0; text-align:left; border-right:4px solid #fff; border-bottom:4px solid #fff; border-top:4px solid #fff; border-left:4px solid #fff ;moz-box-shadow: 0px 0px 40px #f3dbf1;webkit-box-shadow: 0px 0px 40px #0be0e3;box-shadow: 0px 0px 40px #13da04 }

     8.  Warna merah adalah lebar blog sobat
     9.  Warna biru adalah warna shadow/bayangan background blog sobat
   10.  Klik Save dan lihat hasilnya

Selamat mencoba Membuat Efek Shadow atau Bayangan pada Background Blog. Semoga bisa bermanfaat buat sobat blogger semua.