Looking for another post? Search for it here!

Tuesday, July 21, 2009

How to Change Your Blog Icon

This question was originally submitted by: Scrivener's Retreat

Question #1: Is there a way we can get those little icons that appear in the window tabs on our own blogs and websites?

You most definitely can change that icon on your blog or website since we are allowed to edit html. This process will not work for your Etsy Shop since we have no html control there. If you would like to add your own icon to your Blogger Blog please follow the instructions below:

Note: These steps are a little bit more involved then some of my other tutorials, feel free to e-mail me if you get stuck and need some help.
  1. Find a picture or an image you would like to use
  2. Go here, click the "Browse" button then select your image
  3. Click the "Generate Favicon.ico" button
  4. A new page will load, click the "Download FavIcon Package" link below your image
  5. Save it to your computer, note where you saved the file
  6. Find the zip folder on your computer and double click on it (this should cause a new folder to appear that is not a zip folder. If this does not happen, right click on the zip folder and unarchive it using a method displayed in your "Open With" menu)
  7. Go here and browse to the folder, inside the folder choose the file that ends with .ico
  8. Click the "Upload" button
  9. This will load a new page, in the third box down copy the text between the [IMG] and [/IMG] tags. The text you copy should look something like this: http://www.picpanda.com/images/abcdefghijklmnopqrstuvwxyz.ico
  10. Log into Blogger, click "Customize", then click "Edit HTML"
  11. Find "<title><data:blog.pagetitle/></title>" it should be right near the top
  12. Paste in the following code right below the title tag : <link href="http://www.picpanda.com/images/abcdegghijklmnopqrstuvwxyz.ico" rel="shortcut icon" type="image/vnd.microsoft.icon"/>
  13. Change the image link to the one you copied from the previous website.
  14. Click "Save Template"


Don't understand something I wrote about? Have a related question? Post a comment and I will be sure to answer it. Have an unrelated question? Submit it here and I will feature it on my blog!

xoxo
susan.

18 comments:

  1. Yay! Thanks so much for answering my question. I can't wait to go home and try it.

    ReplyDelete
  2. It worked! But on blogger, it made me write /link at the end. And it seems as I have created an image that is animated accidentally. I can probably fix that if I save it as a jpg. right?

    ReplyDelete
  3. Sorry there was an error in the code I posted .. you shouldnt need to close the link tag now, since it closes itself.

    You dont want it to be a jpg, did you choose the .ico file when you uploaded it to http://www.picpanda.com/

    If you choose the .gif instead of the .ico it would be animated.

    susan.

    ReplyDelete
  4. omg thanks finaly something that works :)

    ReplyDelete
  5. Thanks for making it so clear.You have a talent.rossie_jordan @yahoo.com

    ReplyDelete
  6. thank you so much admin. I use this and it work..

    ReplyDelete
  7. Thanks!! Woohoo. So tired of that "B" :^D www.yummo.ca

    ReplyDelete
  8. It is so lucky that i come here accidently, the aundant resources makes me excited,thank you!
    By Jordan Sneaker

    ReplyDelete
  9. It is my pleasure to read your article!Your article was very helpful to understand why it’s very important.Thank you for sharing !

    ReplyDelete
  10. This blog makes me realize the energy of words and pictures. It's very beneficial for me, Thank you for sharing!

    ReplyDelete
  11. I just ran across your wonderful blog today.It's very beneficial for me, Keep coming up with ideas.

    ReplyDelete
  12. wow thank you so much!you helped me a lot! i been searching for house wondering how to change my blogger icon when i saw your site =) im so happy now i have mine working ^_^

    ReplyDelete
  13. Thanks so much, I was wondering how to do this!

    ReplyDelete
  14. Thanks for sharing your post and it was superb .I would like to hear more from you in future too.

    ReplyDelete
  15. Thanks for the great post it was very helpful, such a great job on your blog, i really enjoy reading it and for sure will come visit again soon.

    ReplyDelete
  16. Will try this . hope it is working now ..

    ReplyDelete
  17. Page bookmarked, thanks for the help!

    ReplyDelete