.jpeg "Cara Membuat Favicon di Html")
Favicon merupakan singkatan dari Favourite Icon, yaitu sebuah gambar atau icon yang muncul di website. Favicon juga bisa disebut sebagai shortcut icon ataupun icon website. Favicon ini muncul disebelah kiri tab browser yang sedang diakses, ukuran nya pun kecil. Contoh nya seperti dibawah ini.
Artikel Menarik Lainnya :
1. Siapkan sebuah gambar yang akan dijadikan sebagai favicon dari website.
2. Kemudian kalian searching di browser Favicon Generator. Contoh saya menggunakan https://favicon.io
3. Jika sudah, pilih yang tab Image
.png)
4. Kemudian kamu upload gambar yang akan kamu jadikan favicon dan klik download
.png)
5. File nya berbentuk zip, jadi kamu harus mengekstrak nya terlebih dahulu. Karena kita ingin membuat favicon, jadi yang kita butuhkan hanya file dengan ekstesnsi .ico. Contohnya seperti dibawah ini
6. Kemudian kita buat file Html nya. Contoh saya membuatnya dengan nama index.html
7. Sekarang kita akan mulai menuliskan codingan nya. Code nya diletakkan diantara tag <head> sampai </head>. Contoh codingan nya seperti dibawah ini.
<!DOCTYPE html> <html> <head> <title>Contoh Website dengan Favicon</title> <link rel="icon" type="image/x-icon" href="favicon.ico"> </head> <body> <h1>Ini Contoh Heading</h1> <p>Ini Contoh Paragraf</p> </body> </html>
8. Perhatikan antara gambar nomor 6 dan codingan no 7, disitu saya meletakkan nya di dalam satu folder. Jadi saya hanya menuliskan href="favicon.ico". Namun jika kamu meletakkan file favicon nya di folder yang berbeda, maka yang kamu tuliskan dalam codingan nya adalah href="./folder/favicon.ico".
9. Jika semuanya sudah benar, maka hasilnya seperti dibawah ini
10. Bagaimana ? Cukup mudah bukan ? Jika kamu masih bingung, silahkan bertanya melalui kolom komentar yang telah tersedia. Sekian dan Terimakasih.