Gambar samar ketika disorot mouse

ada banyak trik untuk membuat blog tampil lebih menarik. Salah satunya adalah dengan cara membuat samar gambar saat mouse berada di atasnya (disorot)

Hanya dua langkah sederhana saja:
1. Langkah pertama
-Login ke blogger, langsung ke tata letak lalu EDIT HTML
-Cari kode ]]>
-Copy kode berwarna biru di bawah ini dan paste di atas kode ]]>

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

-Save Template

2. Langkah Kedua
-Siapkan Gambar yang telah diberi link ke suatu tempat (dalam bentuk kode HTML)
contohnya:



Maka terlihat seperti di bawah ini:


Jika ingin menerapkan effect ini tambahkan kode berikut
didepannya, sehingga menjadi seperti ini:



contohnya menjadi sepertti inii: