How To Add Or Change Favicon On Blogger Blogspot

Favicon (Favorites Icon) is the small picture (usually 16px x 16px in size) you see beside some some site's name in your browser's address bar. Having your own favicon with a nice graphical reminder of your site beside is a good way to get visitors attention. Blogger users can add a custom favicon for their blogs going to the Layout section and by clicking on the Edit link on the "Favicon" element.

"For many bloggers, having a custom favicon (the tiny image displayed in your browser’s window or tab) is the finishing touch that ties together the design and identity of a great looking blog. Today, we're pleased to announce that Blogger in Draft users can now add a customized favicon to their blog. ~Blogger in Draft"

How To Add a Favicon to Your Blogger Blog

Step 1. Log in to your Blogger's Dashboard, go to the Layout and click on Add a Gadget link

Step 2. Click on the "Edit" link on the "Favicon" setting above the navbar element.

Step 3. A popup window will open where you can search for an image in your hard drive to replace the default favicon image. Click on "Browse" button and search for your favicon (it should have the .ico extension) - then click on "Save".



Step 4. Now you should see your own favicon instead of blogger's default favicon.

It might take some time until your new favicon will appear in your Browser's tab or window.

How to add an animated favicon in Blogger

Step 1. Log in to your Blogger account > Template > Edit HTML (if needed, click on Proceed button)

Step 2. Select the "Expand widget templates" box

Step 3. Search (CTRL + F) for : <b:skin> 

Step 4. Paste this code just above it : 

<link href="your-favicon-links-goes-here" rel="icon" type="image/gif"/>

See the screenshot for more details

Note: replace your-favicon-links-goes-here with your favicon's link location

You can choose from here some cool favicons for your site/blog: http://www.favicon.cc/ (just download the favicon you like - upload it on tinypic or on a blogger's post, then copy the link address/direct link)

Step 5. Save the Template. And you're done!

Remove JPAGE_CURRENT_OF_TOTAL

If after upgrading to the latest version of Joomla 1.5.15 you started to get JPAGE_CURRENT_OF_TOTAL displayed at the bottom of the page just below the page navigation, this means that you're using localized version of the Frontend and that if you want to get rid of this mess you should keep reading.

This is how typically it would look like:

«Inicio Prev 1 2 3 4 5 6  7 8 9 10 Próximo Fin»

JPAGE_CURRENT_OF_TOTAL

The problem is the lack of appropriate language pack for the installed version of Joomla. JPAGE_CURRENT_OF_TOTAL is in fact a "code representation" of the sentense "Page x of z." and the reason you seeing it this ways is because your current language pack doesn't have this sentence in it. This string actualy belong to the Joomla pagination plugin.

Solve it in 2 ways:

1. Download a matching language pack for the version of Joomla you're working with.
2. If the language pack is just not available yet, fix it manually:

• Locate the main localization file - so if you have Finish installation it would be : <Joomla folder>\language\yourlanguage\yourlanguage.ini
• Manually add the following line in to it: JPAGE_CURRENT_OF_TOTAL=Page %s of %s

That's it! Hope this tip was helpfull.