Memasang efek berbayang pada gambar artikel

Kepopuleran CSS3 di dunia web design mungkin tidak usah diragukan lagi, bahasa pemrograman web yang satu ini memang bisa di acungkan jempol untuk masalah design. Sebab, selain ringan efek yang diberikan pun tak kalah dengan jquery. Karena dari itu banyak web programer menyukai dan memakai bahasa yang satu ini. Walaupun terlihat perfect, CSS3 belum optimal di jaman ini sebab banyak web browser yang belum mendukung bahasa ini apalagi kalau browser kamu jadul (jaman dulu hehehe).

Dengar kabar CSS3 ini akan terus dikebangkan di dunia web design, terbukti banyak browser - browser yang memunculkan versi terbaru yang jelas mendukung bahasa ini. Seperti IE yang awalnya sama sekali tidak mendukung bahasa pemrograman ini sekarang dengan versi terbarunya yaitu versi 9 sudah dapat menikmati efek CSS3. Mudah - mudahan saja semua bisa mendukung dan mewujudkan impian di zaman web 2. okey sekarang kembali ke topik, apa topik kali ini? topik kali ini membahas tentang Cara Memasang efek berbayang pada gambar artikel dengan menggunakan CSS3.

Instalasi Di template blogspot

1. Login ke blogger
2. masuk ke Rancangan >> edit html
   
   
   
3. cari kode di bawah ini
   
   .post img {
   ........
   }
   
   
   
   
   dan masukan/tambahkan kode di bawah ini kedalamnya
   
   -moz-box-shadow: 5px 5px 5px black;
   -webkit-box-shadow: 5px 5px 5px black;
   box-shadow: 5px 5px 5px black;
   
   sehingga menjadi seperti di bawah ini
   
   .post img{
   .......
   -moz-box-shadow: 5px 5px 5px black;
   -webkit-box-shadow: 5px 5px 5px black;
   box-shadow: 5px 5px 5px black;
   }
   
   
4. setelah itu kamu dapat menyimpannya dan melihat hasilnya

Simple bukan cara memasang efek berbayang pada gambar artikel di template kamu. Mungkin itu saja, semoga bermanfaat dan Happy blogging.

Bagikan Artikel : Facebook Twitter Google+ Linkedin Technorati Digg