blogger templates

Membuat Efek Shadow Pada Background Blog

Pertama login dahulu ke akun Blogger anda. Kemudian masuk ke dalam menu edit html jangan lupa untuk mencentang Expand Widged Template. 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 #00ccff; 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 #00ccff; 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.

0 Response to "Membuat Efek Shadow Pada Background Blog"

Post a Comment