Cara Membuat Efek Foto Blur

Apakah di benak sobat sekalian terlintas pikiran, gimana caranya membuat Blog kita lebih menarik?? Membuat efek foto blur (kabur) adalah salah satu cara supaya Blog kita terlihat lebih menarik. Karena jika kita posting gambar atau foto yang biasa akan terlihan kesannya monoton. Maka dari itu kita membuat sedikit perubahan supaya kesannya lebih menarik yaitu dengan menambahi efek blur. Yupz langsung saja kita bahas Cara Membuat Efek Foto Blur, tapi jangan lupa lihat demo nya, klik priview :

Cara 1

1. Login ke Blogger
   
   
2. Masuk ke Tata Letak - -> Edit HTML - -> Download Template Lengkap (supaya terjadi kesalahan bisa dikembalikan)
   
   
3. Cari kode ]]></b:skin>
   
   
4. Copy paste code berikut diatas code ]]></b:skin>
   
   

   .linkopacity img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}
.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.linkopacityxtra:hover img {
filter:alpha(opacity=1.1);
-moz-opacity: 1.1;
opacity: 1.1;
border:0;
}

5.  Klik Simpan Template
   
   

Cara 2

Setiap sobat memasang foto atau gambar, sisipkan code berikut :

<a href="url tujuan" class="linkopacity"><img src="url sumber gambar"></a>

Dibawah ini adalah contoh code demo gambar diatas :

<a href="http://blogg-tutorial.blogspot.com/" class="linkopacity"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUxlbDnEEL5E507Y9pcIXXlsKc77Gtal2JV5PNTAvKwaOAp01cjvGGtu4ixj0OkctB2hL1pVcNPqnCLRSGX2-3Xoppvt81ECBrxsgf0anP2muWDwWiyo-PVlDZHKzAXAuYwbZZkn53GDg/s400/wonogiri.gif"></a>

 Selamat Mencoba . . . Good Luck . . .