Cara Membuat Favicon Website Yang Jelas

Sesuai dengan judul di atas, pada kesempatan kali ini saya akan berbagi berbagi sebuah tutorial yang mungkin cukup bermanfaat untuk anda yaitu Cara Membuat Favicon Website Yang Jelas. Tapi, sebelum itu anda harus paham dan tahu terlebih dahulu mengenai Favicon

Penjelasan Tentang Favicon

Apa itu Favicon?
Favorite icon atau yang biasa disebut dengan Favicon adalah ikon utama yang muncul pada address bar suatu laman web dan merupakan logo dari laman web tersebut; Dan juga dikenal sebagai shortcut icon, website icon, URL icon, atau bookmark icon. Contohnya seperti gambar di bawah ini yang menunjukkan favicon google.

Favicon juga memiliki tujuan lain, tujuannya ialah agar para pengunjung web dapat lebih mengenal web yang di kunjungi. Serta bertujuan agar laman web tampak lebih profesional. Untuk dapat memahami lebih lanjut mengenai Favicon anda dapat membacanya disini.

Selanjutnya...

Cara Membuat Favicon Website Yang Jelas

Anda pasti merasa kurang puas dengan tampilan favicon yang ada di web anda. Misalnya web dari Blogger,

Blogger juga merupakan salah satu tempat online yang bisa di gunakan untuk membuat sebuah website yang dilengkapi dengan fitur untuk membuat favicon, Tapi favicon yang di tampilkan di web blogger kurang jelas. Bagaimana cara mengatasi ketidak jelasan tersebut?

Nah untuk mengatasi hal tersebut anda dapat melakukan langkah-langkah Cara Membuat Favicon Website Yang Jelas di bawah ini secara perlahan-lahan.

#1. Pastikan anda telah menyediakan Gambar yang akan dijadikan icon di laman web anda. Gambar harus berbentuk kotak dan berformat PNG, JPG, serta GIF dengan ukuran 160 × 160.

#2. Saya rekomendasikan agar anda memBackup terlebih dahulu tema anda untuk memperbaiki tema jika terjadi kesalahan.

Buka "Blogger" > lalu masuk ke menu "Tema"
Klik Edit HTML

Salin script di bawah ini dan paste tepat di bawah tag <head>

<!-- icon in the highest resolution we need it for -->
<link rel="icon" sizes="192x192" href="icon.png">

<!-- reuse same icon for Safari -->
<link rel="apple-touch-icon" href="ios-icon.png">

<!-- multiple icons for IE -->
<meta name="msapplication-square310x310logo" content="icon_largetile.png">

Ganti script yang berwarna kuning stabilo dengan URL gambar yang ingin dijadikan favicon.
Terakhir, jika anda telah menempatkan dan mengganti URL gambar pada script, jangan lupa klik "Simpan" untuk menyimpan perubahan.
Selesai.

Jika Anda telah menyelesaikan semua langkah-langkah di atas dengan benar. maka silahkan coba anda cek favicon anda di address bar laman web anda.

Nah, itulah diatas tutorial blogger yang sempat saya bagikan kali ini. Semoga dengan tutorial diatas favicon milik web anda sudah tidak tampak buram lagi.

Bagaimana dengan tutorial Cara Membuat Favicon diatas, mudah bukan?
Tuliskan jawaban Anda pada kolom komentar di bawah.

Sekian tutorial kali ini semoga bermanfaat untuk anda dan terima kasih atas kunjungan anda ke artikel ini. Salam kreatif!