Custom iphone/itouch Icons For Your Blog

I have a really COOL tutorial today!
How many of you have an iphone or an itouch?
I am sure all of your spend oddles of time looking at  my blog on your iphone huh? :)
Well today I am going to show you how to make a custom icon.
So when you go to my blog on you iphone/itouch it looks like this…
{Sorry, I realized I took the picture before it loaded all the way.}
Then if you push ” add to home screen “
Your iphone will take a snapshot of the screen your on for the icon.

See, just a plain old boring icon. Wouldn’t you rather have this guy for an icon?



TA-DA! A cute icon for my blog!

Make your own custom icon for your blog! It’s EASY!

1. Create a 45×45 image. Upload it to photobucket.
2. Go to your blog > layout > edit html.

Very close to the top you should see


Directly under that paste this code. Replace where it says “image url” with the direct link from photobucket.



And your done! You have a cute & custom icon for your blog on iphones/itouches!
Tell me how it goes! :)
Kendra

Kendra

Owner // Designer // Momma + Wife
My husband, little girl and I live in hawaii. Things I love :: the beach, cookie dough, Netflix, Fonts, and Pretty Magazines. I also LOVE to design blogs!
Kendra
Kendra
Kendra

Latest posts by Kendra (see all)

Kendra
I am a blog designer and I would love to work with you! I design custom Blogger & Wordpress designs. Take a look at my portfolio and my design services pages. Hope we can work together!

Comments

  1. It totally worked!!! Thank you! I feel soooo smart! ;)

  2. PaperCrush says:

    You should use the same icon and make it your favicon for your blog! Here's where I learned how… http://www.aprilshowersblogdesign.com/2009/04/tip-of-week-how-to-add-favicon-to-your.html

    Thanks for the tutorial!

  3. Danielle says:

    This is great! I love your itouch/iphone cover! Where did you get it?

  4. Thanks so much for this. I tried it but it didn’t work, it said the following?

    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute “{1}” associated with an element type “rel”.

    Any clue what I’m doing wrong?

  5. Does it show up right away or will it take a few days.
    also if it should show up right away then its not working for me. i dont think im doing anything wrong but its just not showing up. if you have any tips for me that would be awesome! thanks for taking the time to do these tutorials!
    -kylielyn

Trackbacks

  1. [...] How to Make Custom iphone Icons for Your Blog [...]

Speak Your Mind

*