Kamis, 23 Mei 2019

Cara Menampilkan Favicon Blogspot Di Android

Bagi Anda yang memiliki blog di blogspot pasti memiliki salah satu masalah di versi mobile. Yaitu favicon tidak tampil untuk versi mobile. Favicon versi mobile yang tampil di browser hanya dalam bentuk inisial dari nama blog Anda.

cara menampilkan favicon blogspot versi android, cara membuat favicon blog, favicon blog keren, cara menambahkan favicon blog

Ada cara yang bisa kita lakukan untuk menampilkan favicon di semua device termasuk mobile. Caranya sangat mudah, kita hanya perlu menambahkan beberapa kode dan upload favicon dengan beberapa ukuran sesuai dengan jenis device.

Setelah saya mencari kesana kemari akhirnya saya menemukan sebuah trik di blog kompiajaib.com untuk menampilkan favicon blog versi mobile. Disini saya akan bagikan caranya untuk Anda semua. Simak caranya berikut sampai dengan selesai.

Cara Menampilkan Favicon Blog Di Android


Pertama silahkan Anda buat favicon dengan beberap ukuran sebagai berikut:

  1. Ukuran 16x16 format .ico
  2. Ukuran 32x32 format .png
  3. Ukuran 144x144 format .png
  4. Ukuran 180x180 format .png
  5. Ukuran 192x192 format .png

Upload yang ukuran  16x16 format .icon ke tata letak blog bagian favicon.

Untuk ukuran lainnya upload ke blog Anda dan ambil url gambarnya.

Kemudian masuk ke tedit HTML blog dan masukkan kode berikut ini diantara <head> dengan </head> blog Anda.

<link expr:href='data:blog.homepageUrl + &quot;favicon.ico&quot;' rel='icon' type='image/x-icon'/>
<link href='LINK FAVICON 32X32' rel='icon' sizes='32x32'/>
<link href='LINK FAVICON 192X192' rel='icon' sizes='192x192'/>
<link href='LINK FAVICON 180X180' rel='apple-touch-icon' sizes='180x180'/>
<meta content='LINK FAVICON 144X144' name='msapplication-TileImage'/>

Kemudian ganti link favicon dengan yang Anda upload tadi sesuai dengan ukuran masing-masing. Terkahir silahkan simpan template blog Anda.

Itulah cara paling mudah untuk menampilkan favicon blog di android. Dengan menjalankan cara diatas, favicon blog Anda akan tampil bagus di semua device termasuk bagian android (mobile). Silahkan Anda gunakan cara diatas dengan benar.

Cara yang saya bagikan disini khusus untuk blog yang memiliki platform blogspot. Untuk blog yang dibangun menggunakan wordpress dan lainnya, tidak perlu menjalankan cara ini karena favicon sudah ototmatis tampil bagi di android.

Source: KompiAjaib.com
Comments

Tambahkan Komentar Anda
EmoticonEmoticon