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?m=0. Terima kasih!
Ditulis oleh: Unknown - Tuesday, January 1, 2013
Comments
0 Comments

Belum ada komentar untuk "Cara Membuat Gambar Effect Blur Pada Blog"

Post a Comment

Followers

Proudly powered by : Blogger
Copyright © 2011. Duta PLaystation - All Rights Reserved
Blog By : Dyen PS
Template Editing by Blog Anak Bima