Mengganti Cursor di blogger.com [2]

Tulisan ini lanjutan dari Mengganti Cursor Mouse di blogger.com, untuk lebih jelasnya silakan membaca artikel sebelumnya dulu. Kali ini pembahasan mengganti cursor di blogger sedikit lebih ekspert, karena memberikan efek seolah-oleh cursor berganti warna ketika cursor mendekati sebuah link.


1. Langkah pertama backup dulu template anda supaya aman, selanjutnya mempersiapkan dua buah cursor yang ukurannya sama persis, hanya saja berbeda warna. Berikut cursor yang saya siapkan.
              1. Warna Merah
              2. Warna Biru

2. Selanjutnya tambahkan link dari cursor warna merah ke dalam css bagian body, seperti ini:

body {
  font: $(body.font);
  color: $(body.text.color);
  cursor:url("http://cur.cursors-4u.net/cursors/images2/cur117.png"),default;
}

pada bagian cursor:url di atas adalah link untuk cursor yang berwarna merah.


3. Berikutnya cari a:hover pada bagian css, tambahkan link dari cursor warna biru ke dalamnya, sehingga menjadi seperti ini:

a:hover {
cursor:url("http://cur.cursors-4u.net/cursors/images2/cur116.png"),default;
  text-decoration:underline;
  color: $(link.hover.color);
}

4. Semua tahapan telah selesai, simpan template blog anda. Semoga berhasil

Sebelumnya: http://spongebaykun.blogspot.com/2009/05/mengganti-cursor-mouse-di-bloggercom.html