Cara Memasang Favicon di Website

Kamis, 7 Maret 2024 21:21 882x
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
Frontend Development Tips dan Trik
Bagikan
Artikel Terbaru
Artikel Terpopuler

Tags

Apache Backend Development Codeigniter Database Digital Marketing Free Assets Free Bootstrap Template Free Ebook Frontend Development HTML Java jQuery Libre Office Linux MySQL Nginx PHP PHPMailer PhpMyAdmin Security SEO Server Slider Tips dan Trik Tools Troubleshoot User Experience (UX) User Interface (UI) Visual Studio Code Windows Wordpress