Cara Membuat Efek Shadow Pada Outer/Tepi Blog

Daftar Isi [Tampilkan]

Efek shadow adalah efek yang akan meberi bayangan pada outer atau tepi blog tanpa diberi border maupun garis tepi blog. Sebenarnya penggunaan feature ini tak lain dan tak bukan hanyalah untuk membatasi antara luar dan dalam outer blog dan mungkin juga dapat mempercantik blog kita dalam faktor berpenampilan, dan juga dapat menjadikan blog kita terlihat rapi.

Bisa kita lihat pada gambar diatas, atau bisa juga langsung lihat ke outer atau tepi blog ini, itu adalah contoh dari efek shadow atau bayangan yang akan kita buat nanti, saya sarankan untuk pemasangan box shadow ini anda jangan memberikan border pada garis tepinya, karena diberikan shadow saja sudah cukup dan tampak lebih bagus. Disini anda dapat memperlebar efek shadow atau glownya sesuka hati anda, misalnya blog ini menggunakan padding 10 px, mungkin saja jika anda menginginkan bayangan yang lebih jauh lagi, anda bisa menambahkanya menjadi 15 bahkan 20px, tinggal disesuaikan dengan kebutuhan dan keperluan blog kita. Oh iya sobat satu lagi, saya sarankan untuk blog anda yang bertema terang lebih baik gunakanlah shadow #ffffff atau warna putih untuk hasil yang nampak bagus dan clean.

1. Login ke Blogger
2. Pilih "Template"
   
3. Lalu klik "Edit HTML"
   
4. Kemudian tekan tombol "Ctrl" dan "F" secara bersamaan dan akan muncul seperti gambar di bawah ini.
   
5. Lalu cari salah satu kode di bawah ini (pilih salah satu) : 
   - content-wrapper
   - content-outer
   - outer-wrapper
   - wrap
   
   Keterangan :
   jika semua kode diatas tidak ada, carilah kode yang menunjukkan outer wrapper atau tepi pada blog anda
6. Kemudian letakkan kode di bawah ini tepat dibawah salah satu kode yang anda dapatkan pada langkah di atas tadi.
   
   border:2px solid #0000ff;border-color:#9ecaed;box-shadow:0 0 10px #666}
   
   
   Keterangan:
   - 2px = ketebalan border outer (jika tidak perlu, berikan saja 0px)
   - #0000ff = warna border outer
   - 10px = ketebalan efek shadow outer blog
   - #666 = warna shadow outer blog
Demikian postingan dari saya tentang Cara Membuat Efek Shadow Pada Outer/Tepi Blog, dan semoga bermaanfaat.

Bantu Share Ya :)