Cursor adalah sebuah indicator yang digunakan untuk menunjukan posisi pada sebuah monitor/layar komputer. Diantara fungsi dari cursor yaitu untuk mengeksekusi sebuah content sebagai contoh sebuah tombol atau menu yang ditampilkan di dalam layar/monitor sebuah komputer. Cursor pada umumnya memiliki bentuk default sebuah panah kecil berwarna putih, yang mungkin terlihat kurang begitu menarik. Untuk membuatnya terlihat lebih cantik, kita dapat mengganti dengan icon cursor yang kita kehendaki.
Baiklah berikut ini cara memasang Cursor pada sebuah dokumen HTML.
Langkah-langkah:
Cara Memasang Cursor Pada Dokumen HTML:
Jalankan aplikasi text editor seperti 'notepad' untuk menulis sebuah dokumen HTML. Mungkin notepad bawaan windows kurang begitu menarik, solusinya Anda dapat menggunakan aplikasi notepad++ yang dapat Anda download di sini.
Penting! simpan dokumen HTML dengan format 'Nama_File.html' tanpa tanda kutip, kemudian pada 'Save as type' Anda pilih 'All files' agar dokumen yang Anda simpan menjadi dokumen HTML bukan dokumen text biasa.
Sekarang mari kita mulai untuk memasang Cursor pada dokumen HTML seperti pada kotak di bawah ini.
Script Code:
<!DOCTYPE html>
<html>
<head>
<title> Cara Memasang Cursor Pada Dokumen HTML </title>
<style type="text/css">
body {
cursor: url('images/cur.cur'), default;
}
</style>
</head>
<body>
</body>
</html>
Keterangan
Sisipkan sebuah style code untuk memasang cursor di atas tag </head> seperti pada contoh di atas, ganti 'images/cur.cur' dengan url tempat Anda menyimpan file icon cursor yang akan dijadikan sebagai default cursor.
0 Comments
