Wednesday, May 20, 2009

Mengaktifkan efek blur pada magazine template R.1.4

Beberapa minggu yang lalu kang Rohman launching template yang di beri nama Magazine Template R.1.4. Salah satu fitur yang tersedia pada magazine template R.1.4 adalah efek blur untuk image atau gambar. Dengan efek blur, maka sebuah gambar akan sedikit atraktif ketika mouse komputer pengunjung mengarah ke sebuah image atau gambar.

Bagaimanakah  cara mengaktifkan efek blur pada magazine template R.1.4? Bagi anda yang menggunakan magazine template R.1.4 hanya perlu melakukan sedikit langkah yaitu memasukkan kode class="blur" pada kode gambar anda. Misalkan kode gambar yang anda pasang seperti ini :

 

<a href="http://blogtemplate4u.com/2009/03/magazine-template-3-white-blue.html"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG2tw0vRdK8RI9yhG369Cn7PEFbRBwYSpjwDc8lfUwv3sIyCb6poVvSxwxpEaSklDN3DVU6ZHuET1f2gWF_E4CE-YERrk_NDHK_y0C3QLziMCyHyq6Jrwl7a-oTbGENisPzusNepHzAY4/?imgmax=800"/></a>


 


Maka anda tinggal menyelipkan kode class="blur", sehingga kodenya menjadi seperti ini :



 



<a href=http://blogtemplate4u.com/2009/03/magazine-template-3-white-blue.html class="blur"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG2tw0vRdK8RI9yhG369Cn7PEFbRBwYSpjwDc8lfUwv3sIyCb6poVvSxwxpEaSklDN3DVU6ZHuET1f2gWF_E4CE-YERrk_NDHK_y0C3QLziMCyHyq6Jrwl7a-oTbGENisPzusNepHzAY4/?imgmax=800"/></a>

 



Efek ini berlaku untuk semua kode gambar anda. Mudah bukan?



Bagi anda yang tidak menggunakan magazine template R.1.4 namun ingin menggunakan efek blur ini, anda bisa membaca trik yang diposting pada artikel  membuat efek Photo Blur