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.

Anda baru saja membaca artikel yang berkategori Tutorial Blogger dengan judul Cara Membuat Gambar Effect Blur Pada Blog. Anda bisa bookmark halaman ini dengan URL http://dyenps.blogspot.com/2013/01/cara-membuat-gambar-effect-blur-pada.html. Terima kasih!

Ditulis oleh: Unknown - Tuesday, January 1, 2013