Cara Membuat Efek Shadow pada Outer/Tepi Blog

Cara Membuat Efek Shadow pada Outer/Tepi Blog - Mungkin outer atau yang disebut dengan tepi blog sudah seringkali kita lihat pada blog-blog rekan seperjuangan yang memakai garis tepi blog.

Efek shadow adalah efek yang akan meberi bayangan pada outer atau tepi blog tanpa diberi border maupun garis tepi blog. Sebenarnya penggunaan feature ini tak lain dan tak bukan hanyalah untuk membatasi antara luar dan dalam outer blog dan mungkin juga dapat mempercantik blog kita dalam faktor berpenampilan, dan juga dapat menjadikan blog kita terlihat rapi.

Selain itu, ternyata pemasangan feature ini juga sangat mudah dan praktis sekali, anda hanya perlu menambahkan beberapa kode script pada Edit HTML, tanpa menggunakan JavaScript. Well, bagi anda yang berminat untuk memasang efek shadow di blog anda, silahkan disimak yang berikut ini.

1. Login ke Blogger.

2. Cari salah satu kode di bawah ini (gunakan CTRL+F), karena pada umumnya kode setiap template sedikit berbeda.

"outer-wrapper" atau "wrapper"

Keterangan: jika kedua kode diatas tidak ada, carilah kode yang menunjukan outer wrapper atau tepi pada blog anda.

3. Lalu, letakkan kode di bawah ini tepat dibawah salah satu kode pada langkah ke-2 tadi.

border:2px solid #d50303;
border-color:#9ecaed;
box-shadow:0 0 10px #666}

Contoh :

#wrapper{
background:#ebebeb; font-size:13px; margin:0px auto 30px; width:950px; overflow:hidden;
border:2px solid #d50303;
border-color:#9ecaed;
box-shadow:0 0 10px #666;}

Keterangan:

• 2px = ketebalan border outer (jika tidak perlu, berikan saja 0px)
• #d50303= warna border outer
• 10px = ketebalan efek shadow outer blog
• #666 = warna shadow outer blog

Demikian informasi tentang cara membuat efek shadow pada outer/tepi blog, semoga bermanfaat, dan selamat mencoba.

sumber kode:tuliskan.com

Tweet

Jangan sampai ketinggalan postingan-postingan terbaik dari Blog Krizeer. Berlangganan melalui email sekarang juga:

Atau sobat juga bisa follow Blog Krizeer dengan mengklik tombol di bawah ini:

Artikel Keren Lainnya:

Ditulis oleh Unknown pada tanggal Minggu, 16 Juni 2013