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.
- Find a picture or an image you would like to use
- Go here, click the "Browse" button then select your image
- Click the "Generate Favicon.ico" button
- A new page will load, click the "Download FavIcon Package" link below your image
- Save it to your computer, note where you saved the file
- 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)
- Go here and browse to the folder, inside the folder choose the file that ends with .ico
- Click the "Upload" button
- 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
- Log into Blogger, click "Customize", then click "Edit HTML"
- Find "<title><data:blog.pagetitle/></title>" it should be right near the top
- 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"/>
- Change the image link to the one you copied from the previous website.
- 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.
Yay! Thanks so much for answering my question. I can't wait to go home and try it.
ReplyDeleteIt 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?
ReplyDeleteSorry there was an error in the code I posted .. you shouldnt need to close the link tag now, since it closes itself.
ReplyDeleteYou 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.
omg thanks finaly something that works :)
ReplyDeleteThanks for making it so clear.You have a talent.rossie_jordan @yahoo.com
ReplyDeletethank you so much admin. I use this and it work..
ReplyDeleteThanks!! Woohoo. So tired of that "B" :^D www.yummo.ca
ReplyDeleteIt is my pleasure to read your article!Your article was very helpful to understand why it’s very important.Thank you for sharing !
ReplyDeleteThis blog makes me realize the energy of words and pictures. It's very beneficial for me, Thank you for sharing!
ReplyDeleteI just ran across your wonderful blog today.It's very beneficial for me, Keep coming up with ideas.
ReplyDeletewow 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 ^_^
ReplyDeleteThanks so much, I was wondering how to do this!
ReplyDeleteThanks for sharing your post and it was superb .I would like to hear more from you in future too.
ReplyDeleteIt helps!! thx
ReplyDeleteThanks 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.
ReplyDeleteWill try this . hope it is working now ..
ReplyDeletePage bookmarked, thanks for the help!
ReplyDelete