Skip to main content

How to add favicon to blogger blogspot website?

How to upload favicon to blogger blogs or other websites?


Favicons are small 16x16 icon files that are displayed next to the URL of your website in a browser's address bar. This helps to identify your website quickly from other sites which are bookmarked.

You can set a new favicon to your blogger website in few simple steps:

1. Login to blogger.com
 

2. Go to the admin area of your blogger website



3. Click on the Layout tab on left menu


4. You can see a "Favicon" block on the top of your blogger website layout page


5. Click on the block, this will load a popup page with following message
"Configure Favicon - Upload custom favicon - Select a favicon file. Please use a square image that's less than 100KB."
6. Select a favicon file and upload. favicon file should have a ".ico" extension.

7. Clear cache and reload your website

You can use any image manupulation tools or online favicon generators given below to create favicons from images. Upload an image (GIF, JPEG or PNG) and convert it to a Windows favicon (.ico) file.


HTML code for adding favicon

To add favicon to other websites do the following steps

  • Create a favicon using photoshop or any other tools
  • Upload it to the root directory of your site
  • Include the following code in the head of your HTML document.
  • Clear cache and reload your website

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
<link rel="icon" href="/favicon.ico" type="image/x-icon">


Favicon generators

Some of the top listed online favicon generators are given below:

http://www.favicon.cc/
http://tools.dynamicdrive.com/favicon/
http://favicon-generator.org/
http://www.genfavicon.com/


Labels:

Popular posts from this blog

Strange problem occured while trying to create a CSV file using PHP Script - The file is not seen on FTP but can download using file's absolute path url

Strange problem occured while trying to create a CSV file - The file is not seen on FTP but can download using file's absolute path url Last day I came across a strange problem when I tried to create a csv file on therver using a PHP script. the script was simply writing a given content as a csv file. The file will be created runtime. What happened was, The script executed fine, file handler for new file was created and contents was wrote into the file using fwrite and it returned the number of bytes that was written.
Post a Comment
Read more

How to get the Query string of a URL using the Javascript (JS)?

JS function get the Query string of a URL or value of each parameter using the Javascript(JS)? If you want to get your current page's url var my_url=document.location; to get the query string part of the url use like this: var my_qry_str= location.search; this will return the part of the url starting from "?" following by query string Lets assume that your current page url is http://www.crozoom.com/2013/page.html?qry1=A&qry2=B then the location.search function will return " ?qry1=A&qry2=B " to exclue "?", do like this:
Read more


Urgent Openings for PHP trainees, Andriod / IOS developers and PHP developers in Kochi Trivandrum Calicut and Bangalore. Please Send Your updated resumes to recruit.vo@gmail.com   Read more »
Member
Search This Blog