Jul 14, 2009

How to Create Favicon in Blogger?

What is Favicon?
Favicon is a small icon that appear in browser address. In another words, an icon associated with a particular web/site/blog and typically displayed in the address bar of a browser viewing the site.

Example of Favicon
When we entering blogger URL, we'll see "B" letter icon in address bar. That's favicon

Can I Create it for My blog?
Yes you can

How to Create Favicon in Blogger?
Here's the step how to create favicon in blogger
  • Create your own icon image using image editor such as photoshop, gimp, or any other editor. I can't use photoshop? Simply, you can search an icon in internet. Choose maximum 32x32 pixel for best view
  • Upload to your imagehosting, such as imageshack, photobucket. You'll need its direct link url
  • Open your blogger dashboard. Go to Layout>Edit HTML
  • Copy this code
  • <link href='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDG0cSB7aU4LYw8LpSJjQ-iAHrEklz3flzi7ZhDLxZIMtDYRHS7YKiClm2ZZXQoBDuBoKCOWqz7p7QRr69cb3vi9Owzx8xTJzIn6dHPmzuWSeHJqUNtIDEKlinWJn77ZoFgIG6giY2Udg/s1600/rainbow.png' rel='shortcut icon'/>
  • Change red text to your uploaded image URL
  • Put that code before <b:skin><![CDATA[/*
  • Save
  • Preview your blog

42 comments:

  1. oooo i think its good info for newbie like me thanks for sharing this

    ReplyDelete
  2. miss bong, I just ask about the css code that generate auto in head tag. *can its gone.. I hope to make blogger valid xhtml :( but the problem on that can't fixed.. any idea ?

    the problem is about &amp; code that cant stand alone without close of ";"

    help me :D

    ReplyDelete
  3. @denny: waduuh boso indonesa ae den wekkekeke bingung aku xixiixix... what about copy from another site ihihihih
    @subagya:whats? newbie? are you kidding?
    @kalteng:thanks for visiting...

    ReplyDelete
  4. Favicon saya bagus kan, Mba...?
    ""macak di-alem"

    ReplyDelete
  5. this is like the best advice ever! I've been checking out multiple sites, and all of them gave me an error. Yours worked instantly! Thank you!!!

    ReplyDelete
  6. @toothlesswink: thanks, so glad to know it works
    @bisnis online:sama sama
    @siais:yup
    @itik: makasih
    @kang nawar:hehehhe apik kang

    ReplyDelete
  7. ciee..si cebong sdh was wis wus inggrisnya..mantap!!

    ReplyDelete
  8. very nice article keep sharing bro

    ReplyDelete
  9. wah
    good post
    thanks!

    where to find the icon eh/

    ReplyDelete
  10. sip mas..kemarin saya salah letak jadi gak muncul. sekarang udah tak rubah sesuai tips mas cebong. matur nuwun.

    ReplyDelete
  11. Thanks a lot for the great template.

    ReplyDelete
  12. ssttt.. i need something to chat with ya..
    ada ym opo sejenise ?

    ReplyDelete
  13. hehehehe gtalk ae ya.. :D jarang ym an
    cebong.ipit

    ReplyDelete
  14. sek yowh nyilih icon mu dhisik okeh....heheheheeeeee

    ReplyDelete
  15. thanks for share dude..it's really worth.

    ReplyDelete
  16. putting the code right before the b:skin ![CDATA[* tag worked. other places said to put the code right before the /header tag which didn't work.

    ReplyDelete
  17. Thank you!
    On other sites it's said that you should put after or before <" head "> .I have tried that and it's not working!
    Your tip is working!:)

    ReplyDelete
  18. thanks a lot..
    sudah lama saya mencari2 widget ini..
    its working...thanks again...

    ReplyDelete
  19. @mama sofea:you're welcome
    @vasia:thanks vasia vo visiting

    ReplyDelete
  20. kok gag bisa sih di blog saia :(

    ReplyDelete
  21. Wow...thanks a lot!...it works! Awesome!!

    ReplyDelete
  22. Bro, lu memang caro! wa caya same lu bro.....salute!

    ReplyDelete
  23. tenkiu.rily help 4 beginers like me.:)

    ReplyDelete
  24. its the best blogging tips I have read and it works.

    thanks.

    ReplyDelete
  25. hei,thanks for info!!!!!!!!
    *LoL's!
    (dari kmaren nyari info kyk gini,ditipu mulu...)

    ReplyDelete
  26. error msg:
    Your template could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly.
    XML error message: Open quote is expected for attribute "{1}" associated with an element type "href".

    ReplyDelete
  27. “Luxury, fashion and art are both expressions of emotion and passion; they search the

    exceptional and give us an alternative view of the world. Art inspires fashion and luxury,

    as luxury and fashion inspires art, Coach Factory Outlet."

    ReplyDelete
  28. in the Coach Outlet role of impotent bystander,among the 17 countries that use the euro,matter what happens at the European summit meeting on.

    ReplyDelete

Hi, thanks for visiting. You can leave your comment here

 

Ipietoon - Blog Design and Online Business Blogging Since 2008