1. This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn More.

Change icon or Favicon of your blogger and give a cool look

Discussion in 'Blogging' started by sujoydhar, Feb 13, 2012.

Tags:
  1. sujoydhar

    sujoydhar Senior Member

    Joined:
    Aug 20, 2011
    Messages:
    930
    Likes Received:
    1,025
    Occupation:
    Student
    Location:
    www.IAMSUJOY.com
    Home Page:
    What is favicon?


    Favicon stands for “favorites Icon” is a small icon located on address bar next to the address of website or blog.


    For all blogger users, their favicon is a logo of blogger like the following picture:


    [​IMG]
    So, can we change the blogger favicon? Yes of course and it quite easy.
    HTML Code for Favicon

    The following is the HTML basic code for Favicon:
    <link rel="shortcut icon" type="image/x-icon" href="Favicon_URL_Address">

    Favicon_URL_Address is the address where you upload your favicon.


    Create a Banner for favicon

    As the first step that you have to do is create a banner for your blog favicon, can be in jpg or png format. Recommended that your banner has an exactly square size e.g 100×100 pixels, because the banner size will be changed into 16×16 pixels. Sample banner for favicon:


    [​IMG]


    Or if you are narcissistic, you can make your picture as your favicon [​IMG]


    Generate and Upload Favicon

    The best site to directly generate the favicon and free hosting I ever found is http://www.iconj.com/favicon_hosting.php. That’s really practical, here are the steps:
    Please to visit http://www.iconj.com/favicon_hosting.php


    Click Browse.. Selesct the favicon banner has been created


    [​IMG]


    Click Upload It!


    Paste the HTML code for Favicon on Direct Link


    [​IMG]


    Save the code for later


    Add Favicon code to Blogger

    The final step is to upload the favicon code we’ve got to blogger. Here are the steps:
    Please login to blogger with your ID


    Click Design


    [​IMG]


    Click Edit HTML tab


    [​IMG]


    Please backup your template first then click Download Full Template
    Find the code </head> on your template (tips: use the find facility on your browser for faster search, press Ctrl+F to activate, then enter the searched code)
    Paste the favicon code has copied just above the </head> code


    [​IMG]


    Save Template


    Finish


    The blogger favicon should have replaced with your own now


    [​IMG]
     
    • Thanks Thanks x 5
  2. keytenx

    keytenx Supreme Member

    Joined:
    Sep 18, 2011
    Messages:
    1,254
    Likes Received:
    762
    Occupation:
    Freelance SEO / Link Builder
    Location:
    10°45'N - 122°33'E
    this tip is great. i have created my favicon using MS paint though. :)
     
  3. oxonbeef

    oxonbeef BANNED BANNED

    Joined:
    Jan 4, 2009
    Messages:
    2,242
    Likes Received:
    7,872
    I don't use blogger but I learn something everyday.
    Cheers!
     
    • Thanks Thanks x 1
  4. sujoydhar

    sujoydhar Senior Member

    Joined:
    Aug 20, 2011
    Messages:
    930
    Likes Received:
    1,025
    Occupation:
    Student
    Location:
    www.IAMSUJOY.com
    Home Page:
    Dear I don't use Pain as my image becomes black at the side so !

    I search at google for some of the favicon generator thats it :)

    Cheers !
     
  5. sujoydhar

    sujoydhar Senior Member

    Joined:
    Aug 20, 2011
    Messages:
    930
    Likes Received:
    1,025
    Occupation:
    Student
    Location:
    www.IAMSUJOY.com
    Home Page:
    Dear please share something with me that you learn :)
     
  6. omagad

    omagad Jr. VIP Jr. VIP Premium Member

    Joined:
    Dec 10, 2010
    Messages:
    256
    Likes Received:
    290
    Or you could just:

    [​IMG]

    why over complicate things?
     
  7. sujoydhar

    sujoydhar Senior Member

    Joined:
    Aug 20, 2011
    Messages:
    930
    Likes Received:
    1,025
    Occupation:
    Student
    Location:
    www.IAMSUJOY.com
    Home Page:
    It is the modified feautures of Blogger !
     
  8. sexymother

    sexymother Newbie

    Joined:
    Mar 23, 2012
    Messages:
    15
    Likes Received:
    0
    Occupation:
    Model
    Location:
    Sweet villa
    Thanks I like your methos it is best for the permanent !