menu: Home Books Follow Chat box Sitemap


NOTE** Pindah ke URL baru: solslum.blogspot.my
STICKY** Drop your Link! + Mini Giveaway #01

Sunday, March 20, 2011

Efek Menarik [Linkopacity]

Teringin nak buat macam ni::
1. Go to > Design > Edit Html
2. Cari ]]>
3. Paste kod berikut di atas ]]> 

a.linkopacity img {filter:alpha(opacity=50);
-moz-opacity: 0.5;
opacity: 0.5;
-khtml-opacity: 0.5;}
a.linkopacity:hover img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
-khtml-opacity: 1.0; }

4. Upload gambar seperti biasa, cuma tambah class="linkopacity" dalam tag <a>.
contoh:
<a class="linkopacity" href="LINK" target="_blank"><img src="IMAGE SOURCE"/></a>

No comments:

Post a Comment