Cara membuat tepi outer-wrapper tempelate Blog platform blooger
Tuesday, December 26, 2017
Sahabat Media Pendidikan 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.
Related Posts