If you want to add fav-icon to your blogger blog and you don't know how to add it in a blogger blog then you are in the right place. In this lesson we will teach you How to Add a Fav-icon in a Blogger Blog.
First of all we have to read some basic information about "Fav-icon", Fav-icon which is also called shortcut icon, website icon URL icon etc.. The fav-icon is basically displayed on the web browser title bar and on some browsers it shows in the address bar, it's like the identity of your website fav-icon is very helpful to get user attention.
Blogger.com has its own default fav-icon icon which you can find on your browser title bar. You can also use a custom fav-icon icon which could be your blog logo design photo or any photo.
You can also build your own fav-icon in any photo editing software like Photoshop,Paint.net etc., but keep one thing in your mind, try to make it professional and unique, once you make your fav-icon image then resize image in this size (16x16) or (32x32) or (48x28) and then save it in "your-image.PNG" file.
Once you make your Fav-icon then it's time to add it to your blogger blog, there are two methods to add fav-icon in blogger blog and we will cover both of the methods.
1 Method "Adding Fav-icon in Layout"
In order to add fav-icon in blogger layout, log in to your blogger account then go to Blogger>Layout>Fav-icon click on edit then a window will open up then browse your image and then click on save.
2 Method "Adding Fav-icon Manually"
First of all we have to upload the fav-icon image to our blogger blog. In order to do that first add a new post, then upload image to your post then right click on your fav-icon image and click on copy link location and leave your post as draft.
And now we have to add link tag > in our HTML head tag there to go to > Blogger > Template > Edit HTML and then a code editor will be open, click anywhere in the editor box and press CTRL + F then a little search box will appear on the top right corner of the editor box, then search for the following code.
<head>
Once you find the head tag, then paste the following code and replace the URL with your "your image URL" which you copied from your draft post. Note : Paste Your Favicon Image URL in href
<link rel="icon"
type="image/png"
href="Paste your Favicon image URL here">So this is how easily we can add Fav-icon to blogger blogs. If you like this tutorial then make sure to like and follow us Twitter, Facebook to get the latest updates from us.
Comments
Post a Comment