Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by john knight
john knight
Courses Plus Student 9,155 Points

I want to put an logo in the google taskbar. How I do it?

How to put a logo in the google taskbar?

Alejandro Narvaja
Alejandro Narvaja
Courses Plus Student 7,340 Points

What do you mean by Google taskbar?

kent membreve
kent membreve
11,535 Points

do you mean your page title or header?

john knight
john knight
Courses Plus Student 9,155 Points

What do i mean is the title in the taskbar in the top. to be specific: when we use the <title> syntax where it would display. Yes in the top but i want to put a logo nearby there Yes the title

3 Answers

kent membreve
kent membreve
11,535 Points
kent membreve
kent membreve
11,535 Points

Add this to the head section. <head> <link rel="icon" type="image/png" href="img-url"/> </head>

john knight
john knight
Courses Plus Student 9,155 Points

2 questions: 1st question: should be the image file extension should it be an a .PNG file or any type of file 2nd question: do i need some additional styling so the logo exists?

Fabio Souza
Fabio Souza
6,946 Points
Fabio Souza
Fabio Souza
6,946 Points

first: add between your head tag

<link rel="shortcut icon" href="path-of-your-image.png">

second: the file can be png or jpg

third: there isn't css styles to be applied, html do it by default, just choose your image. But remember for optimaze your website to load fast just put a small picture, the standard for that is 16x16 px but for good quality something around 35px x 35px is enought.

john knight
john knight
Courses Plus Student 9,155 Points

Thank you, Fabio but in the <link rel> should i put in "shortcut icon" or "icon"

This question is meant because i don't quite get it.

Alejandro Narvaja
PLUS
Alejandro Narvaja
Courses Plus Student 7,340 Points
Alejandro Narvaja
Alejandro Narvaja
Courses Plus Student 7,340 Points

As far as I understand, you want a favicon. For that, type this in your HTML:

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon">

where favicon.ico is an icon file that you have in your root directory. There are many online services to transform an image into an icon.

john knight
john knight
Courses Plus Student 9,155 Points

Thank you for your answer, Alejeandro Narvaja But i want to get more in depth within this syntax, can you send me an a link to the course so i get more in depth?