How:To Make 'Add to homescreen' Icon (From your blog/website)

Leave a Comment
"does it look sexy?"

For some reason,I thinking to myself  "I should update this for everyone and myself,just in case I forget how to make again"

but seriously,I forget how the 'code' only lol

so,here it is! the tutorial for adding your own icon for your blog or website..and I'm using iPhone

first at all,you'll need a skill for using the photoshop or other image editor,cause you going to make...


ya..just make it anyway (lol) and host it at image hosting website

after that,head to your blog or website's template/html code editor or anything it call 
paste the code below,below <head> tag
<link href="http://www.imagehostingwebsite.com/apple-touch-icon.png" rel="apple-touch-icon" />
<link href="http://www.imagehostingwebsite/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" />
<link href="http://www.imagehostingwebsite.com/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" />
<link href="http://www.imagehostingwebsite.com/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />
replace 'imagehostingwebsite' to your image where you upload/host it
and save! poof!! you done! go ahead and try to add to your homescreen!

that simple :) and hopefully everyone website had a creative way to make his/her icon

0 comments :