Do you have any idea of how to set apple touch icon?
Do you know what apple touch icon is?
Don’t worry, in this article I’ll show you exactly how to add an apple touch icon in your blogger blog step by step.
Close to the Favicon, the apple-touch-icon also described as Apple touch icon is a PNG image file used for a web/blog page logo on the Apple iPhone, iPod Touch, and iPad.
When someone bookmarks your blog or adds your blog page to their home screen, apple touch icon will be displayed as your website/ Blog’s logo.
What is the size of a perfect Apple touch icon life?
For iPhone the size is set to be →180px × 180px (60pt × 60pt @3x)
Or 120px × 120px (60pt × 60pt @2x)
For iPad the size is set to be around → 167px × 167px (83.5pt × 83.5pt @2x)
And For iPad mini the approximate size could be → 152px × 152px (76pt × 76pt @2x)
Now, if your blogger blog has no Apple touch icon included in the theme, then you have to implement the Apple touch icon in your blogger manually by adding some meta codes.
But, how do you add the Apple touch icon to your Blogger’s site?
The process is not something to worry if your following below guidelines,
How to set up Apple touch icon?
- Go to your blogger blog and go to the ‘Theme’ option.
- Now download a backup file of your theme, in case of emergency.
- Now, click onto the HTML editor and open your theme XML file and between <head> and </head> you have to paste the Apple touch icon meta code.
Before going any far, make sure that you have already created an apple touch icon for your blog. But if you don’t, then create one. The size of apple touch icon logo should be exact to the size I mentioned above.
The html code of Apple touch icon :
<link href='Add your image link here' rel='apple-touch-icon'/>
Note : you have to create an html link of your image for example https://thelogoimage/apple-touch-icon.png
And then you have add your image html link inside href=’here’
Note: the image format should be in PNG.