Tuesday, December 28, 2010

Blogger Trick: How to Create Favicon

0 comments
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! 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.

0 comments:

Post a Comment

Followers

Blogumulus by Roy Tanck and Amanda Fazani
Free Blogger Tips, Hacks, Widgets, Templates and more