Showing posts with label Favicon. Show all posts
Showing posts with label Favicon. Show all posts

Blogspot Tutorial: How to Change Default Blogger Favicon


A good favicon means good brand
In this tutorial, I'll tell you how to change the default favicon present in every Blogspot/Blogger blog. A favicon is usually a 16x16 .ico file and it is displayed with the title of a blog in a browser. So, we can add our own favicon to make our blog more personal.

Ready? Lets Add a Custom Favicon


1- Search for a free custom favicon on Google and you'll find a lot of them.

2- Blogger doesn't allow to upload .ico files so you need to upload your favicon on Google Sites. Just log in there with your Blogger account, create a site and upload your favicon there.

3- Go to Design then Edit HTML tab.

4- Find this code in your template:

]]></b:skin>

4- Paste the following code right below above line like this:

]]></b:skin>
<link rel="shortcut icon" href="YOUR FAVICON URL" />
<link rel="icon" href="YOUR FAVICON URL" />


4- Just change the YOUR FAVICON URL with the URL or address of your favicon uploaded in step 2.

5- Save your template and enjoy.

Blogspot Tutorial: Add a Cool Animated Favicon in Blogger


What is a favicon?


A favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16x16 (or 32x32) pixel square icon associated with a particular website or webpage. (Wikipedia.Org)

How to install an animated favicon in a Blogger blog?


Go to Layout | Edit HTML and find </b:skin>. Paste the following code right after </b:skin> but before </head> tag. It should look like this:



</b:skin>

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

<link href='URL of animated .gif file' rel='icon' type='image/gif'/>

</head>


Remember: I'm using two files (.ico & .gif) because old internet browsers like Internet Explorer cannot display an animated favicon so we need to add a .ico file for this purpose.


How to find and upload .gif and .ico files...


You can search on Google for keywords like "animated favicons" or "free .ico favicons" and then you can upload your files to Google Sites for free.

Add a Cool Animated Favicon in Blogger