I am using a third-party template in Blogger and favicon option not showing in Layout. I have used this code but not working
]]></b:skin>
<link href='https://live.staticflickr.com/65535/49497319651_bd2f1deb42_m.jpg' rel='icon' type='image/png'/>
you can make or design a 16*16 pixel image in a .png format then use one of the following snippets for adding the favicon itself:
<link rel="shortcut icon" type="image/png" href="/favicon.png"/>
<link rel="shortcut icon" type="image/png" href="http://example.com/favicon.png"/>
Related
Hey guys I need some help on favicons for my site
I am using chrome and am writing the code in HTML and CSS
I am using the below line of code in my head tag
<link rel="icon" type="image/png" href="favicon-16x16.png" />
can I plz get some help on this fast
Have you tried this? Favicon.ico is an icon file that is displayed next to the URL in the browser bar. (See the StackExchange icon next to the URL).
<link rel="icon" href="favicon.png" sizes="16x16" type="image/png">
or
<link rel="shortcut icon" href="http://example.com/favicon.ico">
Use
<link rel="icon" href="favicon-16x16.png" type="image/png"/>
<link rel="shortcut icon" href="favicon-16x16.png" type="image/png"/>
This is the code i used to declared which image to use as a page icon and which one to use as a desktop icon. Am i missing something?
<link rel="shortcut icon" type="image/x-icon" href="/src/images/desktop_favicon.ico" />
<link rel="icon" type="image/png" href="/src/images/page_favicon.png">
Is it even possible to have a icon for the webpage and another for desktop?
I'm doing an assignment for class, and we were tasked to make a webpage. All went well with creating the page, but I'm struggling to get the icon on my browser tab.
He instructed us to get the icon from one of our folders
This is from his directions
"Note in order to show your icon, you insert this line in your html head section"
<link rel="shortcut icon" href="images/favicon.ico" type="favicon/ico" />
"Assuming that your company icon is in the folder images"
I've tried many variations of that, but it won't work.
Mine is called favicon(1).ico
Here's one of my attempts
<link rel="shortcut icon" href="/favicon(1).ico" type="image/x-icon" />
Here's another.
<link rel="shortcut icon" href="images/favicon(1).ico" type="favicon/ico" />
I have a folder on my Desktop called "Question 1" and within that folder I have my HTML file for this assignent and another folder called "images". In the "images" file I have the "favicon(1).ico icon.
Is there a way I can take that icon from my folder and place it in my code?
This is the Snippet that I use whenever I need to configure a favicon:
<!-- for FF, Chrome, Opera -->
<link rel="icon" type="image/png" href="/assets/favicons/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/png" href="/assets/favicons/favicon-32x32.png" sizes="32x32">
<!-- for IE -->
<link rel="icon" type="image/x-icon" href="/assets/favicons/favicon.ico" >
<link rel="shortcut icon" type="image/x-icon" href="/assets/favicons/favicon.ico"/>
This should work just fine.
You need to use .png in FF, Chrome and Opera and support them with 2 resolutions, for different devices and screen resolutions.
IE needs the .ico Image and needs the rel to be "icon" and "shortcus icon", don't ask me why, IE is always a bit of a wierdo as we all know :D
Try:
<link rel="shortcut icon" href="favicon(1).ico">
or this (for Mozilla)
<link href="favicon(1).png" rel="icon" type="image/png" />
It can be .png or .ico
I have made a webpage through notepad. And want to have a "faveicon" but can't add it.
Here's my html's head part:
<link rel="shortcut icon" href="/favicon.ico"/>
after title part i typed this in head.
This worked for me..
<link rel="shortcut icon" href="/images/specialicon.ico" type="image/x-icon" />
Just check this url.. it will helpful to you..
Just add the following in your HEAD section, remember to change type and href:
<link rel="icon" type="image/png" href="http://example.com/myicon.png">
You can make a 16x16 png and then use
<link rel="shortcut icon" href="/favicon.png" type="image/png">
<link rel="shortcut icon" type="image/png" href="http://www.example.com/favicon.png" />
If you place a favicon in the root folder of your website called "favicon.ico" then it will work!
By putting the image in the same folder where my web page was located and writing this code it worked :)
<link rel="shortcut icon" href="h.ico">
How can I display my web site logo on the address bar?
you just need the favicon.ico in your webroot. the browsers will pick it up automatically.
Using the suggested
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
allows to use differently named icons or different icons for certain pages.
You can put these inside <head> tag:
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
Make sure that you specify the correct path, usually the root folder.
More Info about Favicons
The feature is called Favicon.
use a fave icon
<head>
<link rel="shortcut icon" href="http://www.your-page-name.com/favicon.ico">
</head>