Cara Membuat Efek Shadow Pada Garis Template Blog

Tutorial kali ini saya akan membahas Bagaimana Cara Membuat Efek Shadow Pada Garis Template Blog, Maksudnya kita akan mencoba membuat Efek Shadow pada Garis pinggir, sahabat bisa melihat contohnya pada Garis Pinggir Blog penulis. Dengan memasang atau membuat Efek Shadow pada garis pinggir sebuah blog maka akan terlihat semakin menarik, biasanya efek shadow ini suka digunakan pada blog yang mempunyai tampilan yang simple, seperti blog milik saya.

Nah sekarang bagaimana Cara Membuat Efek Shadow Pada Garis Tempalate 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; border:0px solid #fff; width:920px;text-align:left; font:12px Arial; margin:0 auto; padding:0 10px 0 0}


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 juga coba sobat  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 kode yang harus sobat letakan tepat dibawah kode yang berwarna merah.
setelah selesai simpan template dan lihatlah hasilnya.

Nah mungkin hanya itu yang bisa saya sharing tentang Cara Membuat Efek Shadow Pada Garis Tempate Blog, semoga dapat bermanfaat. apabila sobat kesulitan untuk memasangnya silahkan kirim komentar dibawah ini.