How to add favicon icon to blogger

Go back to your Blogger dashboard and under the Template tab, go to “Edit HTML”. Find this code:-

<title><data:blog.pageTitle/></title>

Update:

Copy and insert the following code below the line:-

<link href='URL of your icon file' rel='shortcut icon' type='image/vnd.microsoft.icon'/>

Inserting this will also work but the former is preferred:-

<link href='URL of your icon file' rel='shortcut icon' type='image/x-icon'/>

Remember to type in the “URL of your icon file”.

Save the template. When you refresh your blog site, you should see your nice little Favicon next to the blog address.

Other image types

The .ico image format has been used by many but you can also create an image under the .png or .gif format. Ensure that the size of the image is either 16x16 pixels or 32x32 pixels.

If you have a PNG format image, the link to insert is:-

<link href='URL of your icon file' rel='shortcut icon' type='image/png'/>

If it is a GIF format image, the link is:-

<link href='URL of your icon file' rel='shortcut icon' type='image/gif'/>

External Domain

For those who have hosted sites in external domains, insert the link in the root directory as well. Otherwise, you can upload the file into the root directory and name it favicon.ico

As an example, if your domain name is www.domain.com, the URL of the favicon will be www.domain.com/favicon.ico

This method is not preferred but a number of browser versions are able to process the icon. Since we do not have external domains to try out this alternative, you may want to see if it works for you.

© How to in bloggers™

Read More

How to remove the attribtion gadget

1  Go to Design > Edit HTML.

2  Take a backup:
Download a copy of your template:  this is a backup - save it somewhere safe, in case things go wrong.

3  Find this section in the template:

<!-- outside of the include in order to lock Attribution widget
      <b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
</b:section> -->

The simplest way to locate it is to use your browser's search function (Edit > Find in Firefox, similar commands in other tools), and look for "lock Attrib".

4  Change

locked = 'true' 

to 
         locked = 'false'

5  Preview the template change, to check that everything else is ok.  If not, fix the problem.  (The attribution will still be showing at this stage.)

6  Click Save Template

7  From the Design > Page Elements tab, edit the attribution gadget.  It will now have a Remove button on the left hand side.  Click this, to remove the gadget from your blog.

8  If you want to , add an an alternative attribution notice.

WARNING:

---

I have not checked the Blogger Terms and Conditions to find out whether
you are allowed to remove the Attribution.   Even if they don't mention
it today, a requirement to keep the statement could be added tomorrow.
This advice does not mean that I, or Google/Blogger, are saying that
you should/can/may/must remove the attribution statement.

---

© How to in bloggers™ 

Read More