Dasar Efek Hover

Pada umumnya efek hover yaitu apabila mouse diletakan diatas image akan berubah penampilan. Seperti contoh berikut ini:

Cara membuatnya tidak lah susah caranya sebagai berikut:

1. Seperti biasa login ke akun Blogger anda.
2. Setalah di Dasbor
3. Klik Tata Letak >> Edit HTML.
4. Masukan kode CSS Berikut ini:

.Facebook a { float:left; display:block; width:48px; height:48px; background:transparent url(http://i572.photobucket.com/albums/ss169/raldizzz/Add/Blog/FaceBook48x48-gelap.png) 0 0 no-repeat; } .Facebook a:hover{ border-bottom:none; outline:none; background:transparent url(http://i572.photobucket.com/albums/ss169/raldizzz/Add/Blog/FaceBook48x48.png) 0 0 no-repeat; }

Keterangan: Warna Merah diatas adalah image biasa + image hover Warna Hijau adalah kode dari CSS Jika ingin dirubah harus semuanya.
5. Lalu Masukan kode berikut (boleh di gadget atau lainnya):

<div class="Facebook"> <a href="http://www.facebook.com/raldizzz?ref"></a> </div>

Jika Tulisah Hijau di atas dirubah diharapkan agar kode CSS juga ikut dirubah.
6. Simpan Template.