Monday, June 1, 2009

Blogger Trick: How to Create Favicon

Favicon is the icon that's located on the left address bar and tab bar on your browser. For Blogger (Blogspot.Com) already have a default favicon like this Blogger Trick: How to Create Favicon.

Maybe you want a different icon for your blog. How to create a favicon is simple enough. You just need to do some blogger tricks. If you ready start to create costum favicon for your blog, please follow these steps:
Blogger Trick: How to Create Favicon



1. Create image with square size that you wanna make to favicon [ex: 30x30, 25x25]

2. Then open http://tools.dynamicdrive.com/favicon/
Blogger Trick: How to Create Favicon

3. Click Browse then choose your image

4. Click Create Icon

5. Click Download FavIcon for save your favicon to your computer
Blogger Trick: How to Create Favicon

6. Open http://www.picpanda.com/ (sign up first if you have no PicPanda Account)
Blogger Trick: How to Create Favicon

7. Go to loggin in PicPanda

8. Then click Upload IMAGE

9. Click Browse then choose your image

10. Click Upload and wait a moment

11. Copy the code in the Hotlink for Websites box

12. ex: <a href="http://www.picpanda.com/"> <img src = "http://www.picpanda.com/images/7eh62uc3dng8t7j5zn.ico" border = "0" alt = "PicPanda. com "/> </ a>
Just take the Favicon URL: http://www.picpanda.com/images/7eh62uc3dng8t7j5zn.ico.
Please delete the remaining code

13. Login to your Blogger Account

14. Go to Layout tab

15. Choose Edit HTML

16. Find <head> with Ctrl + F then type the code that you want to find

17. Copy this code

<link rel="shortcut icon" href="CHANGE THIS WITH YOUR FAVICON URL">

ex: <link rel="shortcut icon" href="http://www.picpanda.com/images/7eh62uc3dng8t7j5zn.ico">

18. Paste the code below <head>

19. Click SAVE TEMPLATE


Congratulation! :okay:You have done to Create Favicon for your blog. See the result. If no change, please refresh your browser, or delete your Cookies then refresh again. Good Luck.

Subscribe Newsletter for Free with us to get any new post from Blogger Trick For You. Please fill your email on the box below, and click Subscribe. We will not share your email address. Because we would appreciate your privacy.

Comments :

3 comments to “Blogger Trick: How to Create Favicon”

This comment has been removed by the author.
SpideRaY said...
on 

I can only get the HTML to save by adding an extra / after the " and before the > so it reads ico"/> however the favicon still doesn't show on my blogger powered website

SpideRaY said...
on 

Just used cookie culler XPI in firefox to clear cookies still wont work any ideas ?

Does it have anything to do with the Fragment Identifier on my URL after the # symbol

SpideRaY said...
on 

Post a Comment

New Old Home