Cara membuat bayangan pada tepi outer-wrapper blooger

Sahabat Media Edukatif di manapun berada , posting kali ini saya akan bahas tentang cara membuat bayangan pada outer-wrapper blooger,

Di bawah ini contoh blog saya yang masih belum memiliki bayangan pada outer-wrapper nya, masih terlihat datar seakan tidak ada batas denngan body Bacground, posting saya kali ini yaitu cara membuat bayangan pada outer-wrapper Blogger,

Langkah yang pertama masuk ke dashboard blogger anda pilih Tema Edit HTML

Lanjutkan dengan mencari kode #outer-wrapper {  atau #outer-wrapper {background tekan ctrl+f untuk memudahkan pencarian. Masukan kode di atas lalu tekan enter tampilan akan seperti di bawah ini.

Lalu copy kode di bawah ini dan pastekan di belakang kode #outer-wrapper {background:#fff;

-moz-box-shadow: 0px 0px 40px #333;-webkit-box-shadow: 0px 0px 40px #333;box-shadow: 0px 0px 40px #111;

Hasilnya  akan seperti di bawah ini ;

Warna merah adalah kode yang anda copy kan, untuk menyesuaikan warna bayangan silakan ganti kode warnaini #111 ada dapat memilih kode warna di http://www.color-hex.com/

#outer-wrapper {background:#fff;-moz-box-shadow: 0px 0px 40px #333;-webkit-box-shadow: 0px 0px 40px #333;box-shadow: 0px 0px 40px #111;max-width:1100px;margin:20px auto;padding:20px;overflow:hidden;}

Setelah selesai silakan klik Simpan tema , dan lihat hasilnya

Contoh yang suadah memiliki bayangan pada bagian tepi blog.

Demikian artikel saya kali ini.

Semoga bermanfaat.

Share this post

AdSense