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 :
Petunjuk Pemasangan di Blog:
Selamat mencoba teman-teman.
Penyedia Layanan Animasi Kursor secara online salah satunya adalah totallyfreecursors.com.
Animasi yang disedikan totallyfreecursors.com cukup banyak, diantaranya :
- Rainbow Small Ani
- Tail Heart 1
- Hypnotize 1
- Monkey Ani
- 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 :
- Kode HTML Kursor Utama
- 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 gambar
maka royyan mencoba modifikasi kode HTML seperti berikut :
maka 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>
<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:
- Ketika Posting teman-teman masuk ke HTML jangan Compose
- Copy paste kode HTML di diatas
- Publish, selesai dah
Selamat mencoba teman-teman.
Categories:
Plus
0 komentar:
Posting Komentar