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 themhere!
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>
<link rel=”apple-touch-icon-precomposed” href=“http://YourImageDirectUrl.png” />
Make sure you put your own Direct Code from the image hosting site or else it wont work!
**If you get an error message check your quotes because they can sometimes be copied over incorrectly.
Adding this to your phone & iPad
Adding this to your phone & iPad
1. On your phone or iPad, open the internet browser and then go to your blog
2. Click on the up arrow
3. Add to home screen
4. Shorten your blog name – For example – mine had to be shortened to “B~Loved”
And then you’re done!! It’s like you have your very own App!
Do you think this is something you’d add to your phone or iPad?
Linking up with The Deliberate Mom & A Touch of Grace
xo,
WOW, I had no idea you could do this! Thanks so much for sharing, your directions are awesome! Happy almost FRIDAY!!!!
That's awesome!! Thanks for sharing.
This is sooo cool! I wish Marc could help me with stuff like this! lol xo
How cool is this?!! And it sounds easy enough. Going to give it a try!
What a fun tutorial! I can't wait to try this! Thanks girl.
xo, Whitney and Blaire
Peaches In A Pod
What?!?? How fun is this? Now I need to come up with a logo of some sort LOL. Darn my ridiculously long blog name! Definitely trying this out later though!
<3, Pamela
Sequins & Sea Breezes
What a great idea!! I have my Blogger homepage set up as a button but didn't think to do my actual blog 🙂
Before I got my new phone (which has WAY less storage, ugh), I had all of my favorite bloggers as icons!! Love it!
Very impressed girl!!! That is amazing!!!!! I totally want to do this! Thanks for the step by step!!!!
Too stinkin' COOL. Love this!
-Ashley
Le Stylo Rouge
Your icon came out great. I am on WordPress but I made one too. So much easier.
Holy crap this is incredible! You guys are an amazing team <3
This is so fun!! Can't wait to try it out!
Girl you are so tech savvy! I want my own button! 🙂
woot! now i just need to figure out how to do this for WP but i'm sure i can! 🙂 good work on the step by step guide!
cheshirekatblog.com
Such a good idea!! Seriously though, why haven’t I done this before??
Love this! My husband actually has my blog as an icon on his phone but Its not as fancy haha! I think it's just a screen shot or soemthing since he didn't insert a picture. Now I need to do this!
<3 Shannon
Upbeat Soles
Cool! I probably won't do it because I just access and edit through Blogger on my phone. I'm trying to keep my apps down because I'm always nearly out of space.
Ahh this is so, so cool! I cannot wait to try this out! I never even realized this was something that could be done – thanks for sharing!!
This is awesome!! I didn't even know you could save websites to your home screen so definitely adding a few of my favorites to mine today – thanks lady!
What an awesome tutorial! I had no idea that you could do this – definitely trying it out in the coming days!
This is so amazing!!?? Who knew?? I'm going to work on this now!!
How fun! That's a great idea.
Making Mrs. M
That's so genius!!
I love when other bloggers share their tips and tricks….love this! Thanks for sharing – I pinned it so I can give it a go this weekend!
Definitely going to have to give this a try! Thanks for sharing, Biana!
xo Southern Style
I love little tricks like this! Thank you so much B!!
Omgsh this is so cool I can't take it!! And honestly–you laid out the steps so easily I think even a very non techy person like myself can accomplish it 🙂 Thanks for sharing!!
Tori
FashioinBlingGirlyThings
No way!! How cool is this?! I had no idea you could do this! Definitely have to try it out! Thanks!
How amazing is this?! I have seen people do this and was like why could I not figure this out! Such a fab idea, cause I honestly visit my site enough!
Denise | Fashion Love Letters
Ooooh I must try this over the weekend! I have noticed if you save a site/blog to your home screen, it (sometimes) adds an icon from the site for you. I like being able to customize it to make it stand out more. Being able to shorten the name before is also a fairly new thing, I think!
Omg, this is such a great idea!! I'm going to do this right away. 🙂
I love this idea, definitely need to do this. Thanks for sharing!
prosecco in the park
this is so nifty!! i had no idea you could do this.
Great job! This is an awesome tutorial! THank you for sharing!
Oh my gosh! That is so awesome! Thank you for sharing.
This just blows my mind… so techy 🙂
Pretty cool! Now I just need to upgrade my iPhone..Sigh lol.
Such a cute idea!!! iPhones… they can do practically anything it feels like! 🙂
xoxo
Brooke|LookBrooke
How smart are you for figuring this out!! I think I might just try.. it might take me a little while but I'll give it a go!
Ahh, such a good idea! Thanks for sharing!
This is so cool! I'd love to do this for my iPad (I'm still in Android land for my phone 🙂 ).
Holy cow! This is awesome! I'm going to do this!
That is so cool! Who knew you could do that? Thanks for sharing!
You and Gary are so tech-savvy! This is SO cool! Thank you for sharing!!
This is so smart and cute and of course I'm thinking, why didn't I know about htis sooner!? Cheers to sharing, friend 🙂
whaaat I had no idea you could do this!!
this is awesome! I need to do this because I'm all the time having to type my address in. Thanks for sharing!
Um this is amazing!! I had no idea this could be done! Thanks for the awesome tutorial!
xoxo Danielle
For the Love of Leopard
Welllll this might be the coolest thing ever!!! I love what you picked for yours 🙂 Thanks for sharing!
Thanks for sharing this girl! I love this idea and had no idea it was possible! Gotta love tech savvy guys:)
xoxo
Karen
kensingtonwest.me.uk
Love this girl! I never thought to create a link to my blog since I just use the WordPress app for everything, but this makes it so easy to go to my actual blog.
This is awesome! I am sure with plenty of frustration I may give this a try! Thanks for sharing!!
Oh my! Goodness Gracious! This is fabulous, I'll be doing this right away! Xo, Stephanie
This is the coolest and so helpful. Thanks B!!
xx 365Hangers
AHHH thank you for this. I did something similar to this and it wasn't working so well. Yay!
Such a great idea – Im on blogger – and followed the steps by steps. But somehow it didn't work for me. Oh wells.
This is genius, Biana! Thank you for sharing!
– Deniz
dressedupdeniz.com
Uhhhh why didn't I know about this sooner lol?! Headed to try this out right now….
You are getting so good with the techy side of blogging! I am so impressed!
This is awesome, thanks for sharing!
I don't know how I missed this post yesterday. Woah, this is so cool. I'm going to do it! Thanks for sharing!
This is such a good idea- I should definitely do it on my ipad so my blog is more accessible- usually I only do blogging things from my computer. Also- this is random, but kind of relates- ever since Bloglovin' updated, every time I see the little B' icon that goes next to the address bar I think it's your blog! haha
I've seen this as a possibility before, but the idea NEVER joined with my blogging. Thank you so much for sharing this, what an awesome idea. Just as you say it's like your blog has it's own app! So cool!!
Much Love,
-Stephanie Eva
stephanieheva.blogspot.com
This is awesome!! I have a folder for my blog and had the page in the folder but could NOT figure out how to get an icon for the page. Love this and it totally worked. I even got my image to work in picmonkey!
How stinking adorable is this?!?! I LOVE IT! I may try it. There may be a tantrum. lol
How cool is that! Sometimes technology is way over my head! 🙂
This is so cool. Just added the page to my pocket. Can't wait to create and picture later and add to my home screen. xo, Amanda
fred perry polo shirts
coach outlet
karen millen dresses
soccer jerseys
asics shoes
babyliss
gucci outlet
foamposite shoes
cheap snapbacks
rolex watches
salomon shoes
louis vuitton
oakley sunglasses
ed hardy clothing
burberry outlet online
michael kors outlet
nike roshe run
true religion jeans
toms shoes
abercrombie and fitch
abercrombie
michael kors canada
ray ban uk
prada handbags
michael kors outlet
nike air max uk
michael kors outlet
louis vuitton uk
air jordan shoes
mcm handbags
oakley sunglasses
oakley sunglasses
cheap oakley sunglasses
air jordan 4
hollister clothing
tory burch outlet
cheap nhl jerseys
kate spade outlet
lululemon outlet
discount oakley sunglasses
caiting0504