Membuat Efek Blur Pada Gambar

Banyak cara yang dapat kita lakukan untuk membuat tampilan blog kian unik, salah satunya yaitu membuat tampilan gambar yang anda posting akan terlihat kabur (Blur) jika dilewati mouse. Jika anda tertarik untuk menerapkannya, berikut script kode yang bisa membuat hal tersebut.
  1. Login ke akun Bloger anda, pada menu Template dan klik Edit HTML
  2. Kemudian cari kode ]]></:skin>
  3. Letakkan kode di bawah berikut sebelum kode yang kita cari tadi
.linkapacity img{Filter:alpha(apacity=100); -moz-capacity:1.0; opacity:1.0; border:0;}
.linkapacity img{Filter:alpha(apacity=30); -moz-capacity:0.3; opacity:0.3; border:0;}

simpan template.
Pada script di postingan template gadget masukkan kode berikut :

<a href="http://alamat blog"><img border="0" src=http://alamat gambar.jpg"></a>

Efek blur untuk gambarnya :

<a href="http://alamat blog" class="linkapacity"><img border="0" src=http://alamat gambar.jpg"></a>

Jika gambar tanpa disertai Link
<a href="nogo" class="linkapacity"><img border="0" src="alamat gambar"></a>

Sekian tips sederhana cara membuat efek blur pada gambar postingan
Beri Kami +1 Agar Terus Semangat Menulis Untuk Anda :

Title : Membuat Efek Blur Pada Gambar
Hati-Hati Jika ingin Copy-Paste (15 Blog Sudah TERHAPUS Akibat DMCA Takedown)..!
Pastikan Menyertakan Link Aktif Dofollow Dengan URL :
http://odyckdnero.blogspot.com/2012/05/membuat-efek-blur-pada-gambar.html

Related Post

0komentar:

Post a Comment

*Silahkan tinggalkan komentar, saran atau kritik sesuai topik untuk kemajuan blog ini.
*Komentar anda secepat mungkin direspon, karena saya tidak selalu online.
*KOMENTAR TIDAK SOPAN, BERIKLAN, VULGAR, MELECEHKAN, SARA atau PROVOKATIF akan dianggap SPAM, dan berakhir di Tong Sampah..!!!