Cara Membuat Efek Blur Gambar Blog

      

        Kali ini saya coba untuk berbagi tips bagaimana membuat efek blur pada gambar saat tanda korsor tepat mengenai gambar posting pada blog. Contohnya dapat Sobat perhatikan gambar samping saat kursor Sobat tepat mengenai gambar. Gambar akan berubah sedikit memburam/blur, sehingga gambar tampak menarik. Cara cukup mudah dan sederhana karena Sobat cukup :

1. Login ke Akun Blogger Sobat 
2. Klik Rancangan --> EDIT HTML.
3. Cari Kode  ]]></b:skin> Dan copy kode berikut tepat diatas kode ]]></b:skin>

img:hover{opacity:0.5;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}img{opacity:1.0;-o-transition: all 0.5s ease-out;-moz-transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;}

 Jangan lupa simpan templatenya