Help
Sorry, but I have somewhat limited skills here and am going nuts trying to insert an icon into the code for my page. Not being great with proper descriptive language, I'll say it in neanderthal.
What I would like to do is to add some code to a custom theme (I like Stripes and want to try it with that) that, when visitors to my page on an iPhone or iPad click to bookmark and save to home screen, will get a custom icon as opposed to the yellow posterous icon.
What is puzzling me is every aspect of this (sorry).
Image dimensions
Do I need to host externally
What code do I need to insert this into the theme
Where in the code do I place the updated line?
Thanks for any help you can provide! -George
Page 1 of 1
Stripes icon tweak
#2
Cory Watilo 
- Advanced Member
-
- Group: Administrators
- Posts: 272
- Joined: 30-September 09
- LocationOrange County, CA
- Posterous URL:http://watilo.com
Posted 27 September 2010 - 01:09 PM
gfaulk, on 27 September 2010 - 11:15 AM, said:
What I would like to do is to add some code to a custom theme (I like Stripes and want to try it with that) that, when visitors to my page on an iPhone or iPad click to bookmark and save to home screen, will get a custom icon as opposed to the yellow posterous icon.
Doesn't it just grab a screenshot of the page?
#3
gfaulk
- Member
-
- Group: Members
- Posts: 11
- Joined: 27-September 10
- Posterous URL:http://ibmmedia.posterous.com/
Posted 27 September 2010 - 06:17 PM
Cory Watilo, on 27 September 2010 - 01:09 PM, said:
Doesn't it just grab a screenshot of the page?
No, I get some default yellow box that says posterous at the bottom. I'd love to add my own graphic.
#5
gfaulk
- Member
-
- Group: Members
- Posts: 11
- Joined: 27-September 10
- Posterous URL:http://ibmmedia.posterous.com/
Posted 28 September 2010 - 03:50 AM
gfaulk, on 27 September 2010 - 06:20 PM, said:
... Add graphic just to the homepage, I should say.
See, I don't even say it clearly...
I'd like to embed a link to a graphic that would represent my posterous homepage on an iPhone homepage when bookmarked.
#6
Cory Watilo
- Advanced Member
-
- Group: Administrators
- Posts: 272
- Joined: 30-September 09
- LocationOrange County, CA
- Posterous URL:http://watilo.com
Posted 28 September 2010 - 04:38 AM
gfaulk, on 28 September 2010 - 03:50 AM, said:
See, I don't even say it clearly...
I'd like to embed a link to a graphic that would represent my posterous homepage on an iPhone homepage when bookmarked.
I'd like to embed a link to a graphic that would represent my posterous homepage on an iPhone homepage when bookmarked.
Can you post a link to an example of how this works?
#7
gfaulk
- Member
-
- Group: Members
- Posts: 11
- Joined: 27-September 10
- Posterous URL:http://ibmmedia.posterous.com/
Posted 28 September 2010 - 05:31 AM
Cory Watilo, on 28 September 2010 - 04:38 AM, said:
Can you post a link to an example of how this works?
One example would be my wordpress mobile site which had this option coded in as I recall. Go to http://www.apopdiary.com/ on (at least) an iPhone, and bookmark for home screen and you will get a custom icon. It is not generated by a larger image, but was made for, and is hosted for, this specific purpose. Thanks for any help you can provide!
#8
Cory Watilo
- Advanced Member
-
- Group: Administrators
- Posts: 272
- Joined: 30-September 09
- LocationOrange County, CA
- Posterous URL:http://watilo.com
Posted 28 September 2010 - 08:33 AM
gfaulk, on 28 September 2010 - 05:31 AM, said:
One example would be my wordpress mobile site which had this option coded in as I recall. Go to http://www.apopdiary.com/ on (at least) an iPhone, and bookmark for home screen and you will get a custom icon. It is not generated by a larger image, but was made for, and is hosted for, this specific purpose. Thanks for any help you can provide!
Ah. Drop this into the <head> of your page (after the <head> tag):
<link rel="apple-touch-icon" href="http://_______" />
Just replace _____ with the path to your image.
#9
gfaulk
- Member
-
- Group: Members
- Posts: 11
- Joined: 27-September 10
- Posterous URL:http://ibmmedia.posterous.com/
Posted 28 September 2010 - 11:52 AM
Cory Watilo, on 28 September 2010 - 08:33 AM, said:
Ah. Drop this into the <head> of your page (after the <head> tag):
Just replace _____ with the path to your image.
<link rel="apple-touch-icon" href="http://_______" />
Just replace _____ with the path to your image.
Thank you Cory!
#11
gfaulk
- Member
-
- Group: Members
- Posts: 11
- Joined: 27-September 10
- Posterous URL:http://ibmmedia.posterous.com/
Posted 29 September 2010 - 06:49 AM
Here's a screen shot of what I posted/where. Maybe this will help. I really appreciate the help, as I'm sure you have better things to do! Thanks, George
Attached File(s)
-
head.jpg (126.8K)
Number of downloads: 1
#12
Cory Watilo
- Advanced Member
-
- Group: Administrators
- Posts: 272
- Joined: 30-September 09
- LocationOrange County, CA
- Posterous URL:http://watilo.com
Posted 29 September 2010 - 06:22 PM
gfaulk, on 29 September 2010 - 06:49 AM, said:
Here's a screen shot of what I posted/where. Maybe this will help. I really appreciate the help, as I'm sure you have better things to do! Thanks, George
Only problem is...if you add other mobile formatting tags, it might affect the desktop browsing experience. I would suggest inquiring in a forum dedicated to mobile site design. They will be able to help you a little better.
Share this topic:
Page 1 of 1