Blogger Widgets

BloggerTurn.com Helping Hand of Information



Tuesday, December 13, 2011

How To Remove Blogger Tab Favicon from Address bar



Remove blogger favicon.
How to remove blogger favicon? are you searching for this? Well you are in right place follow my simple steps to learn how to remove blogger favicon image from tab. I have two methods of remove it choose yourself from below.


  • Note:- We Have Moved To A Paid Domain Name Where We Are Working Hard To Provide You The High Quality Content Related To Blogger Tutorials, Blogging And Affiliate Marketing And There We Have Covered This Topic With New Blogger Interface In Much More Perfect Way To Make Your Blog Template Look Professional Please Read Here Design Professional Looking Blogger Template



Step1:-  Got to address Draft.blogger.com (blogger in draft) and login to your blogger account.


Step2:- On your Dashboard Go to Design link.
It will bring you to (Page Elements) Add and Arrange Page Elements. Blogger in draft offers you to add your own Favicon to which you can see at the top of Page elements in Left side. Click on Edit and than choose a favicon.ico image from your desktop


Step3:-  Now you need a Favicon.ico image for your icon. You can design a favicon free online go to  favicon.cc and download it to your desktop than upload it to blogger as described above.
(NOTE:- In this method you can only use a favicon.ico image not a .gif .png or .jpg)


Mehtod Two 100% work
Step1:- Login to your Blogger.com account


Step2:- Now Design a Icon from your own PAINT software on your computer. Design a image which should be not more than 2kb and save as .png file




Step3:- Now you need to host this image so don't worry about where will u host this. Simply you can host it on your blogger blog. Create a new post and click add a image than choose your Favicon image to which you designed with your PAINT softwar and upload it. Now copy its URL by Right click on image and copy its image link.
Now I thought You understood what I am Telling. Your image url will be like this one 


 http://1.bp.blogspot.com/-ve-waFc4GEw/TfuMgy0k0oI/AAAAAAAAAHE/49xcZ185mhI/s1600/Remove+Blogger+Favicon+From+Tab+Bar.png


After Copying the  URL, Save This Post as Draft and never delete this post.


Step4:- On your Dashboard go to Design => Edit HTML.
Now You will see the HTML of your Template. For Example


SEE Official Image ====>






Now add your URL of image into this Link given below ==>


<link href='YOUR IMAGE URL HERE' rel='shortcut icon' type='image/vnd.microsoft.icon'/>


Remove YOUR IMAGE URL HERE with your favicon image URL image link for Example After adding the URL, this link will look like this==>
<link href='http://4.bp.blogspot.com/-5mGQPHrFPOc/Tfg8kFnznAI/AAAAAAAAAGw/D-bYKHBcBmk/s1600/WealthyEarnings..png' rel='shortcut icon' type='image/vnd.microsoft.icon'/>


Step5:- Now in This Template HTML search for ]]></b:skin> this code by pressing Ctrl+f than enter this code in search and it will automatically bring you to this code. Paste this
 <link href='YOUR IMAGE URL' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
link immediate after this code. now save your template that's all you have done it but do not forgot to remove YOUR IMAGE URL with your image URL link. . If it will not work in case than try to paste this link after ==>
<title><data:blog.pageName/> ~ <data:blog.title/></title> this link. This is in very beginning ofTemplate HTML Good luck.






Who Read This, Also Read





2 comments:

Copyright © 2011 BloggerTurn . Designed byWealthyEarnings | Code by BloggerTurn.com | Images by BloggerTurn.com