Do you like this story?
OK cara buatnya :
1. Login ke Blogger
2. Masuk ke TATA LETAK --> EDIT HTML
3. Anda cari kode ]]></b:skin>
4. Letakkan kode di bawah ini di atas ]]></b:skin> :
.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;}
5. Save Template
6. Siapkan Gambar yang telah diberi link ke suatu tempat (dalam bentuk kode HTML)
ini cuma contohnya :
<img src="http://aditya-info.blogspot.com/favicon.ico"></a>maka akan terlihat seperti di bawah ini :
<a href="#nogo" class="linkopacity"><img src="http://aditya-info.blogspot.com/favicon.ico"></a>Untuk melihat hasilnya bisa Anda lihat di bawah ini, coba arahkan mouse ke image dan klik :
0 comments:
Post a Comment