Cara Membuat Efek Shadow Pada Garis Pinggir Blog

Cara Membuat Efek Shadow Pada Garis Pinggir Blog

Add Comment



1. login ke Blogger
2. Pilih Template
3. Lalu klick Edit HTML
4. Cari kode #outer-wrapper {
5. Setelah ketemu hapus semua kode tersebut mulai dari #outer-wrapper { sampai dengan tanda }
6. Ganti kode yang telah dihapus tadi dengan kode dibawah ini :


#outer-wrapper {background:#ffffff;-moz-box-shadow: 0px 0px 40px #333;-webkit-box-shadow: 0px 0px 40px #333;box-shadow: 0px 0px 40px #111;}

7. Simpan template dan lihatlah hasilnya

Pada beberapa template blog mungkin tidak ada kode #outer-wrapper
Nah bagi sahabat yang tidak mempunyai template dengan kode diatas tadi maka silahkan sahabat cari kode :

.body { ------------- }


Kalau tidak ketemu coba cari kode #body { background 

Nah kalau sudah ketemu silahkan pasang dan tempelkan kode diatas tadi tepat dibawah kode #body { -------- sampai dengan tanda }

sehingga hasilnya akan seperti ini :

#body { background :..... padding : ..... sampai kode }

#outer-wrapper {background:#ffffff;
-moz-box-shadow: 0px 0px 40px #333;
-webkit-box-shadow: 0px 0px 40px #333;
box-shadow: 0px 0px 40px #111;}

Yang berwarna biru adalah kode yang harus sahabat letakan tepat dibawah kode yang berwarna merah.
setelah selesai simpan template dan lihatlah hasilnya.

About the Author

Nunc at tortor tempor, tincidunt purus ut, placerat turpis. Sed pulvinar vehicula dolor, at volutpat nibh euismod sed. Nunc sit amet lectus arcu. Nullam sit amet urna in felis accumsan iaculis a sed urna.

0 komentar