When I think of my phone or iPad I like to have "shortcuts" if you will to my favorite sites and when I found out that I could do the same for my blog and have a custom icon I couldn't wait to try it out - with the help of my tech savvy husband of course! At the end of this post I guarantee you'll be saying, why didn't I do this sooner!!
What you'll want to do first regardless of if you are on Wordpress or Blogger is create your image icon. You want to make sure that you create a perfect square and that it's 152px by 152px as this is the standard for iPhone and iPad icons. We used Adobe to create the icon, but there are plenty of other design services that can help you achieve the picture. I did initially try PicMonkey and sadly the pixels just wouldn't work out and I wasn't able to create the perfect square I needed! You also want to keep in mind that this is a tiny image, so you don't want anything too busy or too hard to see with colors! For example I had originally wanted to include a heart but it was so small that you wouldn't be able to make out that it was indeed a heart!
For those of you on Wordpress I did find instructions for you - they are just slightly different and also much quicker - lucky you! You can find them here!
For those on blogger - you can keep reading for a step by step process! Don't be put off that there is "code" that you need to insert because I will be listing it out, so all you have to do is copy & paste!
1. After you have created your image make sure you name it "apple-touch-icon-precomposed.png"
2.Save the image to a hosting site - I used PhotoBucket and then copy the direct link.
3. Go to Blogger > Template > At the top you'll see Backup/Restore...make sure you do this because you just never know! After you restored hit "Edit HTML"
4. Insert the following code right underneath <head>
Posts on B~Loved Boston may contain affiliate links. This means that I could earn a commission from them. All of these are items I would personally purchase myself or already have purchased. All opinions remain my own. Blovedboston.com occasionally receives vendor/brand sponsorship's for mentioning their products and services.