Membuat Animasi Kursor di totallyfreecursors.com

Untuk mempercantik tampilan Blog, salah satunya adalah membuat animasi kursor.
Penyedia Layanan Animasi Kursor secara online salah satunya adalah totallyfreecursors.com.
Animasi yang disedikan totallyfreecursors.com cukup banyak, diantaranya :
    kursor Rainbow Small Ani
  • Rainbow Small Ani 

    Kursor Tail Heart 1
  • Tail Heart 1

    Kursor Hypnotize 1
  • Hypnotize 1

    Kursor Monkey Ani
  • Monkey Ani

    Kursor Fire Pointer Blue
  • Fire Pointer Blue
  • Dan masih banyak lagi animasi-nya, teman-teman silakan pilih sesuai selera.
Royyan memilih Fire Pointer Blue, karena warnanya yang mencolok.
totallyfreecursors.com menyediakan 2 pilihan kode HTML yaitu :
  1. Kode HTML Kursor Utama
  2. Kode HTML Kursor Rollover
Kode HTML Kursor Utama
Untuk menggunakan kursor ini sebagai kursor utama pada halaman Blog teman-teman, copy dan paste kode ini di mana saja dalam kode HTML Blog teman-teman :

<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free Fire Pointer Blue Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/fireblue.gif"), auto;}</style>

Kode HTML Kursor Roolover
Untuk menggunakan kursor ini sebagai kursor rollover Anda (seperti saat Anda melayang di atas link atau Jika dipasang di Postingan maka jika pindah ke halaman lain animasi tidak bekerja), copy dan paste kode ini setelah kode HTML kursor utama Anda.

<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/FireBlue.gif"), auto;}</style>

Tetapi karena kode HTML diatas ada gambarAnimasi Kursormaka royyan mencoba modifikasi kode HTML seperti berikut :

<style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/fireblue.gif"), auto;}</style>
<style>A:hover{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/fireblue.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/FireBlue.gif"), auto;}</style>

Petunjuk Pemasangan di Blog:

  1. Ketika Posting teman-teman masuk ke HTML jangan Compose
  2. Copy paste kode HTML di  diatas
  3. Publish, selesai dah

Selamat mencoba teman-teman.

0 komentar:

Poskan Komentar



Arsip Blog

Diberdayakan oleh Blogger.