Cara Membuat Favicon dengan HTML pada Framework Bootstrap


Cara membuat favicon dengan HTML. Favicon merupakan suatu gambar atau icon yang terletak pada bagian atas address bar browser yang biasanya berada di sebelah kiri dari title sebuah blog atau website.

Icon ini cukup berpengaruh keberadaannya pada suatu website, selain dari memperindah tampilan favicon tersebut akan meningkatkan kualitas sebuah site yang lebih profesional.

Mungkin sebagian orang hal ini tidak begitu penting, namun ketika seseorang yang mengakses sebuah blog, website atau aplikasi berbasis web Anda memiliki pengetahuan yang baik, ini akan sangat mempengaruhi terhadap penilaian pada site Anda.

Maka dari itu ketika Anda membangun sebuah website saya sarankan untuk tidak meninggalkan kecil ini yang dapat berpengaruh besar pada wesbite Anda.

Untuk dapat membuat favicon terlebih dahulu Anda harus menyiapkan gambar atau icon yang akan digunakan dengan type gambar .ico, pada umumnya gambar yang akan dijadikan favicon tesebut memiliki ukuran persegi dengan idealnya maksimal 500x500px atau lebih  kecil dari itu.

Pada tutorial cara membuat favicon dengan HTML pada framework bootstrap ini saya menggunakan gambar persegi dengan ukuran 16x16px.

Tutorial kali ini saya memanfaatkan aplikasi berbasis web dengan php mysql yang sudah dibangun sebelumnya yaitu aplikasi sistem informasi pengelolaan arsip dan naskah surat. Jik Anda sedang membutuhkan aplikasi tersebut silahkan langsung menuju link-nya.

Artikel lainnya script PHP mengganti password pada database MySQL

Langkah-langkahnya

1. Siapkan gambar favicon dengan type gambar .ico dengan nama gambar favicon.ico

2. Simpan gambar tersebut di folder aplikasi berbasis web Anda. Disini saya menempatkkan gambar pada folder xampp/htdocs/sipasnas

3. Kemudian buka page atau script index.php dan lakukan pemanggilan dengan kode berikut ini

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

4. Save. Untuk lebih jelasnya Anda bisa melihat script nya pada gambar dibawah ini.

alt="Cara Membuat Favicon dengan HTML"

Jika sudah di save silahkan lakukan refresh pada page website atau aplikasi web yang sedang dibangun.

Bagaimana, cukup mudah ya. Silahkan aplikasikan pada project yang sedang Anda kembangkan. Jika tidak berhasil dengan cara tutorial ini silahkan untuk meninggalkan pesan di kolom komentar yang sudah tersedia.

Mungkin itu saja cara membuat favicon dengan HTML pada framework bootstrap yang dapat saya share untuk kali ini, semoga bermanfaat. Terima kasih.

Comments