Cara Membuat Efek Shadow Pada Garis Pinggir Blog - Tutorial kali ini akan membahas Bagaimana Cara Membuat Efek Shadow Pada Garis Pinggir Blog, Maksudnya kita akan mencoba membuat Efek Shadow pada Garis pinggir, sahabat bisa melihat contohnya padaGaris Pinggir Blog Chinot. Dengan memasang atau membuat Efek Shadow pada garis pinggirsebuah blog maka akan terlihat semakin menarik, biasanya efek shadow ini suka digunakan pada blog yang mempunyai tampilan yang simple.
Nah sekarang bagaimana Cara Membuat Efek Shadow Pada Garis Pinggir Blog, silahkan sahabat ikuti saja langkah langkahnya sebagai berikut :
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-wrapperNah bagi sahabat yang tidak mempunyai template dengan kode diatas tadi maka silahkan sahabat cari kode :
.body { bla bla bla sampai tanda
}Kalau tidak ketemu coba cari kode
#body { background Nah kalau sudah ketemu silahkan pasang dan tempelkan kode diatas tadi tepat dibawah kode
#body { bla bla bla 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 kiode yang harus sahabat letakan tepat dibawah kode yang berwarna merah.
setelah selesai simpan template dan lihatlah hasilnya.
Nah mungkin hanya itu yang bisa
chinot sampaikan tentang
Cara Membuat Efek Shadow Pada Garis Pinggir Blog, semoga dapat bermanfaat. apabila sahabat kesulitan untuk memasangnya silahkan tanyakan pada kotak komentar dibawah ini.
sumber : http://chinotthea.blogspot.com