Favicon adalah sebuah image atau gambar (icon) yang ditampilkan pada address bar dan tab sebuah browser internet yang biasanya merupakan logo dari sebuah website. Keberadaan sebuah Favicon ini sangat penting khususnya untuk membedakan sebuah website dengan website lainnya. Favicon biasanya menggunakan file image berekstensi 'ICO, GIF & PNG' namun lebih disarankan untuk menggunakan file '.ICO' karena lebih compatible dengan semua browser internet.
Baiklah berikut ini cara memasang Favicon pada sebuah dokumen HTML.
Cara Memasang Favicon 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 disini.
- 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 Favicon pada dokumen HTML seperti pada kotak di bawah ini.
- Ketik koding dibawah ini pada notepad
- Kalian dapat mengkonversikan gambar ke dalam bentuk .ico dengan aplikasi IcoFx baca disini
<!DOCTYPE html>
<html>
<head>
<title> Cara Memasang Favicon Pada Dokumen HTML </title>
<link href="favicon.ico" rel="shortcut icon" />
<html>
<head>
<title> Cara Memasang Favicon Pada Dokumen HTML </title>
<link href="favicon.ico" rel="shortcut icon" />
</head>
<body>
<h1>Selamat Datang !!!!
</body>
</html>
<body>
<h1>Selamat Datang !!!!
</body>
</html>
Keterangan:
- Sisipkan sebuah code untuk memasang favicon di atas tag </head>seperti pada contoh di atas, ganti 'favicon.ico' dengan url tempat Anda menyimpan file images yang akan dijadikan sebagai favicon.
- Disarankan ukuran file images (icon) yang akan dijadikan sebagai favicon 16x16px.
- Silahkan download contoh cara memasang favicon dalam bentuk file HTML pada Link Di bawah ini.
1 komentar
taik
EmoticonEmoticon