Icon in URL address - Post ID 145822

User 193638 Photo


Registered User
557 posts

When you type in an address in the URL field of an internet browser and go to that website, the result puts a small icon related to that site in front of the letters http:. With CC, for example, there is a small coffee cup.

How do you do this? What code can we put in our site to get this icon? Hope this makes since.

I am using SCCP for the main site, but I will be using VSD7 to do the home page.
User 103173 Photo


VP of Software Development
0 posts

That is called a favicon. See http://www.favicon.cc/
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 193638 Photo


Registered User
557 posts

Thank you Scott,
I made a favicon and put it in my root directory on the host server, but it does not show up in the URL.
Is there a special place to put it so that it gets used?
User 462238 Photo


Registered User
144 posts



Steve
Try this in the head:
<link rel="Shortcut Icon" href="http://www.your_site.com/favicon.ico" type="image/x-icon" />
file name: favicon.ico (in the root directory)
User 193638 Photo


Registered User
557 posts

I am using SCCP, so I am not exactly sure where I am supposed to put that code? I don't think I can put code in the "head".
User 103173 Photo


VP of Software Development
0 posts

Steven Alford wrote:
Thank you Scott,
I made a favicon and put it in my root directory on the host server, but it does not show up in the URL.
Is there a special place to put it so that it gets used?

I think you need to bookmark the page for it to work.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 103173 Photo


VP of Software Development
0 posts

Steven Alford wrote:
I am using SCCP, so I am not exactly sure where I am supposed to put that code? I don't think I can put code in the "head".

That is correct. You cannot access the <head> area in SCC at this time.
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.
User 193638 Photo


Registered User
557 posts

So, I will have to put it in the head of the home page that I am currently trying to make with VSD7?
User 103173 Photo


VP of Software Development
0 posts

Steven Alford wrote:
So, I will have to put it in the head of the home page that I am currently trying to make with VSD7?

Yeppers! :)
Learn the essentials with these quick tips for Responsive Site Designer, Responsive Email Designer, Foundation Framer, and the new Bootstrap Builder. You'll be making awesome, code-free responsive websites and newsletters like a boss.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.