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}
0 komentar:
Posting Komentar