Memberi Efek Shadow Pada Outer-Wrapper Blog

loading...

Membuat Effect Shadow Pada Background Blog - Apasih arti dari shadow itu?? yaitu mempunyai arti "Bayangan", jadi pada pertemuan kali ini akan belajar tentang efek shadown (bayangan) pada Outer-Wrapper atau Background Blogger.

Cara Menambahkan Efek Shadow atau Bayangan pada bagian background Blogspot sangat simple dan mudah sekali untuk di terapkan, hanya dengan menambahkan kode CSS3,  Mungki sudah bnyak yang saya jumpai blog-blog di luara sana yang sudah nerapin Efek shadow ini pada blognya.

Dengan penambahan efek bayangan ini membuat blog kita akan terasa lebih hidup dan tidak terasa garing atau membosankan sekaligus blog kita menjadi lebih enak di lihat.

Screenshot :

Cara Memberi Efek Bayangan Pada Background Blogspot :
1. Login ke blogger.
2. Kemudian masuk ke dalam menu Edit HTML.
3. Kemudian cari kode #outer-wrapper. Gunakan CTRL + F untuk mempermudah pencarian.

#outer-wrapper{border:5px solid #fff; width:950px;margin:0px auto;padding:0px 0px 0px 0px;text-align:$startSide;font:$bodyfont}

Jika sudah ketemu tambahkan kode di bawah ini ke dalam kode diatas.

-moz-box-shadow: 0px 0px 20px #000000; -webkit-box-shadow: 0px 0px 20px #000000; box-shadow: 0px 0px 20px #000000;

Sehingga hasilnya bisa dilihat di bawah ini :

#outer-wrapper{-moz-box-shadow: 0px 0px 20px #000000;-webkit-box-shadow: 0px 0px 20px #000000; box-shadow: 0px 0px 20px #000000; border:5px solid #fff; width:950px;margin:0px auto;padding:0px 0px 0px 0px;text-align:$startSide;font:$bodyfont}

Nb : Sebagai catatan untuk kode CSS di dalam #outer-wrapper bisa jadi berbeda - beda tergantung template nya. Namun untuk peletakan kodenya kurang lebih tidak jauh dengan peletakan kode diatas. Simpan dan lihat hasilnya. Selamat Mencoba dan Semoga Bermanfaat.