1. Adım: İkonlarınızı Oluşturun
Sitenizin mobil uygulama gibi görünmesi için farklı boyutlarda ikonlara ihtiyacınız var. Aşağıdaki siteyi kullanarak tek bir resmi tüm platformlara uygun hale getirebilirsiniz.
⚠️ Önemli Not: Paylaşılan ikon oluşturma sitesi ücretsizdir ancak içerisinde yoğun reklam barındırabilir. İkonlarınızı oluşturup indirdikten sonra sayfayı kapatabilirsiniz.
İkon Oluşturma Sitesine Git ➜
2. Adım: Kodları Kopyalayın ve Düzenleyin
Aşağıdaki kodları kopyalayın. Blogger panelinizde Tema > HTML'yi Düzenle yolunu izleyerek <head> etiketinin hemen altına yapıştırın.
Not: Kod içerisindeki resim linklerini kendi yüklediğiniz resim linkleri ile değiştirmeyi unutmayın!
HTML (Meta Tagları)
<link as='image' fetchpriority='high' href='RESIM-LINKI-BURAYA/512x512.png' rel='preload'/> <link href='RESIM-LINKI-BURAYA/apple-touch-icon.png' rel='apple-touch-icon' sizes='180x180'/> <link href='RESIM-LINKI-BURAYA/android-chrome-192x192.png' rel='apple-touch-icon' sizes='192x192'/> <link href='RESIM-LINKI-BURAYA/android-chrome-192x192.png' rel='icon' sizes='192x192' type='image/png'/> <link href='RESIM-LINKI-BURAYA/android-chrome-512x512.png' rel='icon' sizes='512x512' type='image/png'/> <link rel="icon" type="image/png" sizes="32x32" href="RESIM-LINKI-BURAYA/favicon-32x32.png" /> <link rel="shortcut icon" href="RESIM-LINKI-BURAYA/favicon.ico" type="image/x-icon" />