Membuat Efek Blur pada semua gambar posting

Tutor untuk membuat Efek Blur pada gambar di setiap postingan.
Trik ini murni CSS..

Ikuti langkah-langkahnya:
1. Login ke Akun Blogger
2. Klik Design/Rancangan, kemudian pilih edit html
3. Centang Expand Widget Template (BackUp Template terlebih dulu)
4. cari code : .post img{
lalu hapus kode diatas, ganti dengan kode berikut:

.post img{opacity:1;
-webkit-transition:opacity;
-webkit-transition-timing-function:ease-out;
-webkit-transition-duration:500ms}
.post img:hover {opacity:.5;
-webkit-transition:opacity;
-webkit-transition-timing-function:ease-out;
-webkit-transition-duration:500ms}

Kalau tidak ketemu, letakkan kode berikut diatas kode ]]></b:skin>

.post img{opacity:1;
-webkit-transition:opacity;
-webkit-transition-timing-function:ease-out;
-webkit-transition-duration:500ms}
.post img:hover {opacity:.5;
-webkit-transition:opacity;
-webkit-transition-timing-function:ease-out;
-webkit-transition-duration:500ms}

5. Simpan/Save Template, dan lihat hasilnya..

---

Note.
Thanks for reading! Suka dengan artikel ini? Kamu bebas menyebarluaskan, mau menggunakan sharing is sexy tool. Atau kamu mau co-pas, gunakan kode yang ada didalam text area sebagai sumber/link back artikel ini. Gunakan Etika!!

<a href="http://yauni.blogspot.com/2011/08/membuat-efek-blur-pada-semua-gambar.html">Membuat Efek Blur pada semua gambar posting</a>

Posted in: Tips-Tricks Blog