Cara Membuat Efek Blur (Samar) Pada Gambar
1. Login ke blogger
2. Klik >> Template
3. Klik >> Edit HTML.
4. Backup dulu template anda untuk jaga-jaga kalau salah
5. Centang >> Expand Template Widget
6. Gunakan ctrl+F untuk mencari kode ]]></b:skin>
7. 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.Klik >> Simpan Template
Keterangan :
Semakin rendah nilai opacity pada teks warna Biru diatas, maka akan semakin samar/kabur tampilan gambar tersebut.
SELESAI
0 comments:
Post a Comment
Syarat Berkomentar:
Tanpa Sara
Tanpa Spam
Jangan Membuat Link Hidup Di Tengah Komentar
Berkomentarlah Yang Sopan Dan Bijak Agar Diharagai Oleh Orang Lain.
Komentar Yang Mengabaikan Syarat Diatas Akan Di Hapus,Terima Kasih...!