Tutorial : Cara buat Follow image berubah bila cursor menyentuh

Assalamualaikum

Hey korang , CAER nak tunjukkan macamane nak buat

follow button korang lebih style :)

macam ni hah :-

hahh ni lah tuto yg CAER nak tunjukkan kat korang sume .

okey Jom Jom ~ :)

1. Dashboard > Blogger > Layout > Add gadget > HTML/JavaScript

2. Then korang copy code bawah ni .

<style type='text/css'>
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; }
</style>
<div style='display:scroll; position:fixed;KEDUDUKAN FOLLOWER IMAGE:40px; KEDUDUKAN FOLLOWER IMAGE:-12px;'>
<a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID KORANG" target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL IMAGE 1" onmouseover="this.src='URL IMAGE 2'" onmouseout="this.src='URL IMAGE 1'" /></a></div>

MERAH : korang gantikan dgn blog id korang .

HIJAU : gantikan dgn URL IMAGE selepas cursor menyentuh pic

BIRU : gantikan dgn URL IMAGE sebelum cursor menyentuh pic
HIGHLIGHT : kedudukan follower image . gantikan dengan : right / left
HIGHLIGHT : same jugk mcm highlight kuning td ,,, tapi ni same ade : top / center / buttom

3. Pastekan kat dalam HTML/JavaScript td tuh.

4. SAVE ~! and lihat hasilnye ;)

Selamat mencube :)

---

Like dan tinggalkan jejak anda ye , Terima kasih :)

---