How to Change Favicon Icon Of Blog In BlogSpot

Socialize: 



Now In Simple Steps.
Go To Design And Click Edit On Favicon Icon Gadget Then Upload Your Image That's Done...


But For HTML XML Learner



Adding a favicon in blogger is very easy, as easy as 1-2-3. You just to need the basic knowledge of changing your blogger template. All you need to do is to insert the following link code below in your template, between the header tag. I recommend you add it above the </header> tag.

The Link Code


<link href='{image url}' rel='shortcut icon'/>
<link href='{image url}' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
<link href='{image url}' rel='icon'/>
<link href='{image url}' rel='icon' type='image/vnd.microsoft.icon'/>

The Image URL

The image url is the web address of the image you are going to use as your favicon. It may either be in the following format: jpg, gif, or png. Since it is a web address, you need to upload it on a photo hosting site, Photobucket. Replace the {image url} with your exact image url. Like http://alfazalengineering.com/images/download%20icon.jpg

The Head Tag

The head tag begins with this tag: <head> and ends with this tag: </head>. Go to Layout->Edit HTML.



Locate for end head tag (</head>) and paste your link code above it, then save it.
By Clicking (Ctrl+F) In Chrome For Search Option


The result may take some time because of some delays brought by the browser you are using. I have tried once using firefox and it didn't changed the favicon immediately. But this will surely work perfectly.

    You may also like...

  • How To Add A Simple "Scroll To Top" Button In Blog (With Jquery Or Without Jquery))

    How To Add A Simple "Scroll To Top" Button In Blog (With Jquery Or Without Jquery))

    Scroll to Top button control is a great addition for blogs with long posts. You can see a button…

  • How To Create An HTML-PHP Working Contact Form For Your Website

    How To Create An HTML-PHP Working Contact Form For Your Website

    You Don't Have Need To Any Contact Form Builder Or Provider.Here Are The Simple & Easy Step To…

  • How To Create OnLine E-Mail Me Form For Your Blog And WebSite

    How To Create OnLine E-Mail Me Form For Your Blog And WebSite

    Email Me Form™ Email Me Form is a free online form generator service that helps you create…

  • How To Add Stylish Border Around Selected Widget Of Blogger?

    How To Add Stylish Border Around Selected Widget Of Blogger?

    Today the question is that "How to make your Blog's Widgets or Gadgets more stylish and awesome by…

  • Stylish "List Of Post/Article" Widget For Blogger

    Stylish "List Of Post/Article" Widget For Blogger

    First Dee The DemoFeature of this script :Accordion effectShow and hide effectCSS 3Automatic add…

  • 3-Column HTML Footer Bar For Blogs And Websites

    3-Column HTML Footer Bar For Blogs And Websites

    Now a days three column footer bar is most popular for blogger and…

  • Stylish Jquery Auto Hide Social Bookmarking Widget For Blog

    Stylish Jquery Auto Hide Social Bookmarking Widget For Blog

    How to Add this widget to Blogger Layout:Example Is Given Below The Full Post....1) Login to…

No comments:

Post a Comment

About Me

Hi, I am Muhammad Saalim, Co-Founder of EXEIdeas International and CEO of bord4banned. I am here to share my experiences with you and to help those who can help themselves.

Follow Me



Join Our Official FaceBook Group To Stay With Us.

Caution!

All data, codes, articles, tips and tricks etc, posted here are copyright work of MyTutspot.Blogspot, and are protected with DMCA. Any one, found to be thefting any data, will be under LEGAL ACTION.

My Tutspot.Blogspot 2018 All Rights Reserved
Designed by born4banned | A Project of EXEIdeas International