Cara Memasang Favicon di Website

7 Maret 2024 615x
Cara Memasang Favicon di Website
Pada artikel kali ini, saya akan memberikan tips bagaimana cara membuat favicon pada website yang kita miliki. Sebelum masuk ke cara pembuatan, alangkah baiknya jika kita mengetahui terlebih dahulu apa itu favicon. Favicon merupakan icon/ gambar kecil yang ada pada browser saat kita membuka atau mengakses suatu website.


CARA PEMBUATAN

Syarat pembuatan favicon ini adalah website yang Anda buat adalah dengan koding manual atau CMS buatan sendiri, jadi tutorial ini tidak bisa dipakai pada CMS seperti blogger atau wordpress dan sejenisnya. Oke, lanjut. Cara pembuatannya sangat mudah yaitu:
  1. Masuklah ke dalam struktur tampilan html dari website yang Anda buat
  2. Copas kode berikut:
    <link rel=”shortcut icon” href=”gambar.png” />
  3. Coba refresh halaman website Anda dan lihat hasilnya


CATATAN

  1. Pada poin ke-2 diatas, kata “gambar” adalah nama dan lokasi dari file yang akan dijadikan favicon, sedangkan png merupakan tipe gambarnya.
  2. Gambar yang akan dijadikan favicon bisa menggunakan file foto berformat .jpg, .png, atau .ico.
  3. Penempatan kode pada poin ke-2 diatas harus berada di dalam tag <head></head>, apabila diluar maka tidak akan berjalan/ tampil.

Semoga bermanfaat
Bagikan

Artikel Terkait

Cara Download dan Integrasi Slider ke dalam Project Aplikasi Berbasis Website

Cara Download dan Integrasi Slider ke dalam Project Aplikasi Berbasis Website

Slider merupakan salah satu komponen yang dapat disertakan dalam sebuah website, baik itu sebagai pemanis / pelengkap atau sebagai informasi tambahan...

Selengkapnya
Website Tempat Download Template Gratis Berbasis Bootstrap

Website Tempat Download Template Gratis Berbasis Bootstrap

Pada kali ini kita tidak akan membahas tentang koding, melainkan dimana tempat untuk mendownload template front-end pada project yang kita buat. Templ...

Selengkapnya
Mempercantik Select Box dengan Select2

Mempercantik Select Box dengan Select2

Select2 memberi&nbsp;kita sebagai developer dalam mempercantik&nbsp;selectbox atau form dropdown&nbsp;yang dapat disesuaikan dengan dukungan untuk pen...

Selengkapnya
Cara Insert Multiple Data dengan Select2 di Codeigniter 3 dan MySQL

Cara Insert Multiple Data dengan Select2 di Codeigniter 3 dan MySQL

Pada tutorial sebelumnya kita sudah belajar tentang bagaimana cara menggunakan Select2 dalam project yang kita buat. Select2 sangat membantu kita seba...

Selengkapnya