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-wrapper
Nah 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
Post a Comment
Komen dengan kata-kata yang baik ya :)