Blog Tutorial

Tutorial Blog, Cheat Games, Tutorial Ponsel, Tutorial Komputer, Tutorial Browser

Selasa, 24 Mei 2011

Memasang efek berbayang pada gambar artikel

Kategori : ,
oketrik
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
    rancangan
    elemen halaman
  3. cari kode di bawah ini

    .post img {
    ........
    }

    post body

    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;
    }

    berbayang efek
  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

6 Komentar untuk Memasang efek berbayang pada gambar artikel

Terimakasih Informasinya yaa perlu di coba nih

@Kamal Hayat >> semoga bermanfaat
@jaka @psdesain.net >> maaf sob, dipost ini tidak diberikan contohnya, tapi trik ini saya pakai, coba sentuh postingan pada halaman home, itu contoh efeknya.

Info ny bagus, sayangnya saya ngeblog via hp, jadinya belum bisa maksimal...

Saya pernah pasang diblog, tapi saya lepas lagi. Dan sekarang lebih seneng kasih efek rotasi :D

klo saya lebih suka yang simple simple aja sob :)