Tambahkan Ikon Sentuh / WebClip untuk Blogger

Saya menggunakan Blogger untuk menjalankan blog saya, dan saya ingin menggunakan ikon Apple Touch. Namun, saya saat ini mengalami masalah dan saya tidak yakin apakah itu karena keterbatasan Blogger atau sesuatu yang saya lakukan. Saya telah melihat ke situs lain untuk contoh dan saya tidak bisa mengetahuinya. Itu terus menampilkan Ikon Sentuh default, bukan gambar saya. Inilah yang saya dapatkan sejauh ini.

<link rel="apple-touch-icon" href="//yoursite.com/apple-touch-icon.png?attredirects=0&amp;d=1" />

Informasi lainnya

• File ini berukuran 60x60 png
• Layanan hosting file Google Sites memerlukan parameter tersebut di bagian akhir agar tautan unduhan berfungsi.
• Blogger mengatakan ada kesalahan penguraian jika saya tidak membuat garis miring pada akhirnya, tetapi setiap situs lain yang saya kunjungi tidak menggunakan garis miring itu, jadi mungkin itu masalah Blogger?

Bantuan apa pun akan sangat dihargai.

Jadi, masalah yang sepertinya telah saya diagnosa adalah browser akan menyimpan informasi favicon, termasuk Apple Touch Icons. Bagi saya, itu menyebabkan browser saya tidak memperbarui ikon.

Apa yang saya lakukan adalah menambahkan menambahkan atribut versi ke akhir URL yang menunjuk ke gambar.

<link rel="apple-touch-icon" sizes="180x180" href="https://yoursite.com/apple-touch-icon.png?v=1A11a1AAaA"/>

Secara khusus, saya menambahkan "? V = 1A11a1AAaA" di akhir URL. Saya harap ini membantu siapa pun dengan masalah yang sama.