Halo semuanya pada artikel alafgani.web.id, Kali ini kita akan membahas bagaimana Cara Membuat Favicon Website di HTML dengan mudah. Langsung saja kita bahas cara membuatnya!
Membuat Favicon
Favicon adalah salah satu hal penting untuk website, Agar website kita memiliki identitas logo yang nantinya akan ditampilkan di Menu Tab Website kita. Sepertiinilah contoh Favicon itu tampil diwebsite kita:
Ukuran Favicon
Gambar pada Favicon memliki ukuran icon website dan blog adalah 32×32 pixels. Pada Format gambar yang ingin dijadikan Favicon. Siapkan Gambar yang berextensi .Jpg atau .Png
Contoh : Fav.png
Mengedit Gambar Favicon
Ada banyak sekali website yang dapat membantu Anda untuk Membuat Favicon Website HTML. Salah Satunya ICO CONVERTER yang saya rekomendasikan untuk Anda.
Pertama siapkan terlebih dahulu Gambar yang ingin dijadikan Favicon, Setelah itu kita kunjungi Website ICO CONVERTER. Seperti inilah tampilan website ico converter.
Langkah-Langkah Menggunakan ICO CONVERTER
- Siapkan gambar yang ingin dijadikan Favicon .jpg atau .png
- Pilih Chose File dari direktori komputer Anda
- Pilih 32 pixels.
- Klik Convert
- Otomatis akan terdownload Favicon yang sudah kita convert tadi. Lalu simpan file download di folder Anda. Seperti inilah kira-kira gambarnya:
Cara Membuat Favicon Website HTML
Copykan file favicon yang sudah di convert tadi ke folder projek website Anda.
Perhatikan Kode HTML Anda antara tag <head> </head>
Baca Juga : 25 Kumpulan Tag HTML
Kemudian Tambahkan kode berikut :
<link rel=“icon” href=“favicon.ico”>
Contoh Penerapan pada HTML Anda kira-kria seperti ini :
<!DOCTYPE html>
<html>
<head>
<title>Contoh Website dengan Favicon</title>
<link rel=”icon” href=”favicon.ico”>
</head>
<body>
<h1>Contoh Website dengan Favicon</h1>
<p>Ini adalah contoh website sederhana dengan favicon.</p>
</body>
</html>
Hasilnya:
Penutup
Demikian tutorial ini, Sekarang website Anda terlihat lebih cantik dari sebelumnya yang tidak memiliki favicon, Semoga bermanfaat. Terimakasih sudah berkunjung!
Daftar Materi Belajar HTML:
- Pengertian HTML Lengkap dengan Fungsi, Struktur, dan Contoh Penerapannya
- Menampilkan Gambar pada HTML Lengkap
- Heading dan Contohnya
- Menampilkan Gambar pada HTML Lengkap
- Tag HTML Beserta Penjelasan dan Contohnya
- Paragraf HTML dan Contohnya
- List Pada HTML dan Contohnya
- Hyperlink HTML dan Contohnya
- Table HTML dan Contohnya
- Form Attribut dan Contohnya
- Baris baru HTML
- Iframe dan Contohnya
- Class dan Id HTML
- Menghubungkan HTML dan CSS
- Ebook HTML Lengkap
Lihat Semua materi belajar html diatas, untuk menguasai HTML dengan Cepat!
Menyukai Kucing, Terkadang ngopi dikala Hujan, Menyukai Blog dan Website. Sekarang berfokus kepada SEO.
sangat bermanfaat
Terimakasih 🙂