0
Comments Cara Membuat Gambar Effect Blur Pada Blog


Cara Membuat Efek Blur (Samar) Pada Gambar
1. Login ke blogger
2. Klik Template
3. Klik Edit HTML.
4. Centang Expand Template Widget
5. Letakkan kode berikut di atas kode ]]></b:skin>


.linkopacity img {
filter:alpha(opacity=20);
-moz-opacity: 0.20;
opacity: 0.20;
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;
}

8. Simpan Template

Keterangan :
Semakin rendah nilai opacity pada teks warna merah diatas, maka akan semakin samar/kabur tampilan gambar tersebut.