cara membuat efek shadow pada template blog

Ini adalah tips sederhana namun cukup memberikan nuansa baru pada template blog kita. Cara pembuatannya-pun tidak njelimet karena hanya dibikin dengan CSS [Cascading Style Sheet] yang tentunya tidak bikin loading blog jadi agak berat seperti yang dilakukan oleh JavaScript. 

Coba perhatikan kode CS berikut:

-webkit-box-shadow: #ccc 0 2px 15px;
-moz-box-shadow: #ccc 0 2px 10px;
Itulah sederet kode yang saya letakkan pada template blog zona tersembunyi ini. 

Pada template tersebut terdapat kode #ccc yang merupakan kode warna shadow [bayangan]. Kamu bisa merubahnya sesuai dengan warna shadow yang kamu inginkan. Juga kamu bisa meletakkanya dimana saja sesuai keinginan kamu. Contohnya, seperti yang saya letakkan pada postingan blog kali ini. Dan jika kamu ingin meletakkannya didalam template, silahkan letakkan seperti pada screenshot berikut;

EFEK SHADOW PADA TEMPLATE BLOG
yaitu pada main wrapper untuk memberi efek shadow pada halaman utama blog.

Demikian, moga bermanfaat!

No comments:

Post a Comment

Kebijakan berkomentar akan dihapus, jika tidak sesuai dengan aturan dibawah ini, Demi kenyamanan kita bersama :

» Menggunakan bahasa yang tidak sopan (Sara, Pornografi, Menyinggung)
» Duplikat komentar
» Komentar menautkan link secara langsung
» Komentar tidak berkaitan dengan artikel
» Judul Komentar Berupa Promosi

Bila Anda punya nama atau blog gunakan komentar sebagai "Name/ URL".

Sebelumnya vito minta maaf yg sebesar"nya jika komentar anda belum sempat dibales. ^^

Followers

Lagi Naik Daun