Tempat belajar blogspot

Cara Memasang Favicon di Blogspot


Tutorial memasang favicon di blogspot

Favicon adalah singkatan dari Favorite Icon atau bisa juga di artikan sebagai ikon favorite sebuah halaman website. Penambahan favicon ini opsional tapi cukup disarankan untuk memberi icon pada halaman blog kita guna memudahkan pengguna internet untuk mengenali blog kita. Hampir sama tujuan penambahan favicon seperti memberi efek warna tema pada artikel sebelumnya "Mengganti Warna Tema Browser Mobile", namun favicon ini dapat memberikan kesan yang lebih eye catching apabila halaman blog kita bersampingan dengan halaman website lain di area bookmark browser atau area history browser pengguna internet. Favicon ini dapat bekerja baik di browser mobile dan browser PC sekalipun, contoh favicon bisa dilihat di gambar bawah ini.

Gambar dibawah ini sebagai contoh tampilan favicon pada halaman depan chrome browser versi PC atau desktop (Halaman - halaman yang terakhir kali dibuka).
Favicon di halaman history browser Chrome

Gambar dibawah ini sebagai contoh tampilan favicon yang muncul di setiap tab chrome browser versi PC atau desktop.
Favicon di bagian tab browser Chrome

Gambar dibawah ini sebagai contoh tampilan favicon pada halaman chrome browser versi mobile (Contoh gambar ini menggunakan chrome browser di Android).
Tampilan favicon di Chrome Android

Cara menambahkan favicon Blogspot

  1. Buka blogger dan login akun blogger.
  2. Pilih blog yang ingin ditambahkan favicon (Jika memiliki lebih dari satu blog)
  3. Buka bagian template dan pilih edit HTML
  4. Cari kode </head>.
  5. Copy kode dibawah ini dan paste di atas kode </head>.
<!-- Favico for Mobile START -->
<!-- Android Favico -->
<link href='URL LOGO FAVICON' rel='icon' size='190x190'/>
<!-- Apple Favico -->
<link href='URL LOGO FAVICON' rel='apple-touch-icon'/>
<!-- Microsoft Favico -->
<meta content='URL LOGO FAVICON' name='msapplication-square310x310logo'/>
<!-- Favico for Mobile END -->

Keterangan tambahan kode di atas
URL Logo Favicon diganti dengan URL gambar yang akan dijadikan sebagai favicon, URL tersebut wajib direct link yang langsung menuju file gambar tersebut.

Kesimpulan

Trik ini mungkin sedikit terlihat rumit dibanding kita yang pernah menggunakan platform lain selain Blogger hanya untuk penambahan favicon yang bisa terbaca di Browser Chrome, tapi kalau kita memang lebih menyukai platform ini saya rasa tidaklah sulit untuk memahami trik seperti diatas.

Sampai disini artikel mengenai cara Menambahkan favicon di blogspot, semoga artikel ini dapat membantu kita yang ingin memodifikasi halaman blogspot.
Terima kasih

Artikel ini ditulis oleh :
Perbloggeran

8 comments:

  1. mantab bro, bisa dipraktekin,, cara mudah tapi bermanfaat. lebih bagus lagi di beri cara membuat ICON

    ReplyDelete
    Replies
    1. Oya bro tips membuat icon akan saya buat juga, terima kasih atas sarannya bro...

      Delete
  2. Izin praktek ya gan. Mantap nih, ini yang selama ini ane car-cari :)

    ReplyDelete
    Replies
    1. Iya gan Defi, bikin blog kita jadi lebih menarik klo ada favicon yang terbaca di browser android juga..

      Delete
  3. simple banget caranya di coba ah

    ReplyDelete
    Replies
    1. Hehehe betul gan, caranya ga terlalu ribet dan panjang koq..

      Delete
  4. Replies
    1. Boleh gan dicoba, kode HTML nya ga banyak koq gan..

      Delete

1. Berkomentarlah dengan sopan.
2. Berdiskusilah dengan bijak.
3. Dilarang SPAM.
4. Dilarang SARA.
5. Dilarang menuliskan tautan link.

Featured Post

Apa itu CSS Syntax dan Selector

CSS ( Cascading Style Sheet ) sudah dijelaskan mengenai pengertian CSS pada artikel sebelumnya Apa itu CSS , namun pada artikel yang sekara...