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.
Langkah-langkah:
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 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 Favicon pada dokumen HTML seperti pada kotak di bawah ini.
Script Code:
<!DOCTYPE html>
<html>
<head>
<title> Cara Memasang Favicon Pada Dokumen HTML </title>
<link href="favicon.ico" rel="shortcut icon" />
</head>
<body>
</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.
2 Comments
Blognya keren tapi berat
ReplyDeletesalam http://seallinfo.blogspot.com
makasih berkat artikel ini website saya jadi ada logonya yaitu "http://bagusanugrahblogdesain.p.ht" dan "http://bagusanugrahtvonline.p.ht"
ReplyDelete