How to Add Mobile Home Screen Apps Icon

BlogrCart Mukabuku Elite theme also comes with mobile apps icons which will display on mobile devices if a user bookmark your Blogger store. The icons will display at user's smart phone Home Screen if saved/bookmarked weather on IOS or Android powered phones.

In the full featured theme download files, we have included sample icons which you can use to find out the sizes required. To insert your own Apps icons, here are the sizes required:-

For Android phones (sizes in pixels):-

sizes='128x128' - for older Android phones
sizes='192x192' - for newer Android phones

For IOS ( sizes in pixels):-

sizes='76x76'
sizes='120x120'
sizes='152x152'
sizes='215x215' - for Retina display

To use your own icon, go to Template Editor > backup if necessary > find  & replace the href link to your uploaded icon. Make sure the correct size is included as indicated at the mark-up codes.

Below is an example to replace an IOS icon with 76x76 pixels in image size:-

<!-- IOS and ANDROID APPS ICON IMAGES -->
 <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYo_inwfh4vfjWffmEWwTNxtcoFVw6eCtwRLezdHQc47DTmglGy5ZdxcTJ7fbXbCYHjtaDQi9-CoD4LKE19qCUDDjOlHsaHCo-JHBpj9NhwZDqQ-ouxC8kTHQcwSaAu91EzGt5HPGdraxA/s1600/apple-touch-icon-76x76.png' rel='apple-touch-icon' sizes='76x76'/>

Add in your uploaded image icon within the href="your_icon_url" & automatically the mobile phone web browser will detect the custom icons used for your store.