Belajar HTML : Cara Membuat Favicon Dengan HTML (9) - Suka Code

Cara Membuat Favicon Dengan HTML - Membuat favicon itu mudah sekali, kita tinggal mengupdate source code pada website sobat. Sebagian dari sobat mungkin sudah tahu, apa itu favicon. Buat yang belum tahu apa itu favicon, berikut ini saya jelaskan dengan bahasa saya sendiri agar mudah dimengerti.

Favicon

Jika anda membuka halaman website, anda lihat di bagian atas browser. Pada masing – masing tab browser ada gambar kecil di samping kiri title. Untuk lebih jelasnya lihat gambar dibawah ini.

Lihat gambar di atas, gambar kecil yang saya tandai dengan lingkaran merah itulah yang disebut Favicon. Lalu bagaimanakah cara membuat favicon seperti di atas?. Untuk dapat membuat favicon kita harus mengedit kode HTML pada source code pada website sobat.

Berikut ini cara membuat nya :

• Pertama kalian pergi ke situs https://www.favicongenerator.com/
• Kedua kalian upload gambar yang ingin kalian jadikan favicon.
• Keempat setelah kalian Upload maka nanti dikasih link gambar yang sudah di convert menjadi icon.
• Kelima lalu kalian salin code dibawah ini <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico">
• Untuk bagian href="/favicon.ico" di ganti dengan nama image kalian.
• <link rel="shorcut icon" type="image/x-icon" href="https://situsanda.com/nama-gambar.jpg">
• Keenam sisipkan link di atas itu di bagian atas </head>

Sekian tutorial Cara Membuat Favicon Dengan HTML - Semoga bermanfaat.

Muhammad Ridwan

Suka Code Blog adalah website dengan kumpulan konten seputar Game Development, Web Programming, Android Programming, Windows Programming, dan lain-lain.

Bagikan Artikel ini