I've got a tutorial for you today which I'm sure all bloggers will be able to use as I never see them
So you know how to make a favicon for your blog....but it doesn't come up if you bookmark it on an iPhone home screen
....and yes! it is possible, and I'm here to show you how!
start by making your favicon in photoshop or image editor sized 152 px square and upload it to somewhere like photo bucket
tip // don't make the background white because it turns black
find the direct image link for the uploaded image
photobucket has the image link on the side of the image. You want the one called 'direct link'
^^ note that it ends in .jpg or .png
and now to the code....its so simple!!!
<link href='IMAGE LINK GOES HERE' sizes='152x152'/><link href='IMAGE LINK GOES HERE' rel='apple-touch-icon' sizes='76x76'/> <link href='IMAGE LINK GOES HERE' rel='apple-touch-icon' sizes='120x120'/><link href='IMAGE LINK GOES HERE' rel='apple-touch-icon' sizes='60x60'/>
add your direct image code into 'IMAGE LINK GOES HERE' and it's set to go
in blogger > blog > template > edit HTML
⌘ + F > search for code <b:skin>
paste the above (^^) code directly above <b:skin>
.....and you are done!
told you it was easy as
now you can save your blog onto your phone screen and have a pretty little favicon for it!