Selain memasang widget dan memodifikasi link salah satu cara untuk mempercantik blog yaitu dengan membuat efek shadow. Jika efek shadow ini dipasang pada blog, hal ini akan mencuri perhatian si pengunjung. Biasanya efek shadow ini banyak dipasang pada blog yang mempunyai tampilan simple. Jika anda tertarik untuk memasangnya, ikuti langkah-langkah cara mudah membuat efek shadow pada garis pinggir blog berikut ini !
1. Pertama, login dulu ke Blogger
2. Pilih Template » Edit HTML
3. Sekarang cari kode #outer-wrapper {...........}
4. Ganti kode tadi dengan kode dibawah ini
5. Simpan dan lihat hasilnya#outer-wrapper {background:#ffffff;-moz-box-shadow: 0px 0px 40px #333;-webkit-box-shadow: 0px 0px 40px #333;box-shadow: 0px 0px 40px #111;}
Baca juga :
» Cara Memasang Profile Keren Pada Blog
» Cara Mudah Memasang Back To Top Pada Blog
» Cara Membuat Tulisan Berjalan Pada Postingan Blog
Jika pada template anda tidak terdapat kode #outer-wrapper, coba anda cari kode .body {............}. Kalau masih tidak ada, sekarang coba cari kode #body{background.......} kalau sudah ketemu, pasang kode diatas tepat dibawah kode #body{background..........} sehingga hasilnya akan terlihat 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;}
Kode yang berwarna biru adalah kode efek shadow diatas yang harus anda letakkan dibawah kode yang berwarna merah. Simpan lalu lihat hasilnya.
Demikian cara mudah membuat efek shadow pada garis pinggir blog, semoga dapat bermanfaat. Terima kasih telah berkunjung di blog yang sederhana ini, happy blogging !!!
0 Response to "Cara Mudah Membuat Efek Shadow Pada Garis Pinggir Blog"
Post a Comment