Fandom

Bloggerhacks Wiki

Favicon

230pages on
this wiki
Add New Page
Talk0 Share

AuthorEdit

multiple

HomepageEdit

See the "Favicon" section in Blogger Hacks - The Series: Graphics.

Skill LevelEdit

To create a favicon, you must have some skills with a graphics program,

or goto http://www.chami.com/html-kit/services/favicon/ to make one online.

To add the code for a favicon in your blog, you must be comfortable with editing your Blogger template.

DescriptionEdit

Places a 16x16 pixel favicon for your site at the left-hand end of the address bar in most modern browsers.

MethodEdit

  1. Create an icon and save it.
  2. Upload it to an image hosting service or an external web host.
    1. This is the hard part, find a service that will host .ico
      1. MyFavatar is one such service. They will even convert a jpeg or gif into the appropriate size and format for you.
      2. Google Pages will host everything.
  3. Add two lines of code, per the instructions, in the head element of your Blogger template.

Note that you can also save as a .png or .gif and most broswers will display it. You simply have to insert the following line in the head element of your template:

<link href='image_url.png' rel='icon' type='image/x-icon'/>

This will allow you to host your favorite icon on photobucket or the like.

Sites Using This HackEdit

Edit this area and add your own link if you are using this hack.

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.