CODEWITHSUNDEEP
htmlcsswordpress
Jeegar Patel
Jeegar Patel

Reputation: 27210

How to put a bookmark icon (favicon) in website

See the small logo/icon in the tab when you open any website in any browser?:

enter image description here
How can I put such logo/icon on my wordpress blog?

Upvotes: 1

Views: 28474

Answers (5)

Graeme Leighfield
Graeme Leighfield

Reputation: 2985

Two ways,

the first is use this plugin

http://wordpress.org/extend/plugins/shockingly-simple-favicon/

Or, if you really want to learn how it works. Open your theme folder (normally under wp-content -> themes -> your theme name) and then normally in the header.php file there is everythign that happens in the head of your pages.

Any where in the <head></head> place the following code...

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

Where /favicon, is the link to your favicon.ico.

To easily make a favicon, use the following link.

http://www.favicon.co.uk/

Hope this helps you learn how to do it and what the actual plugin does for you :)

Upvotes: 5

Kyle
Kyle

Reputation: 67194

This is called a favicon. You link to it in the head section of your HTML.

You can read more about it here: http://www.w3.org/2005/10/howto-favicon

And view a list of Wordpress plugins that do the work for you here: http://wordpress.org/extend/plugins/tags/favicon

Upvotes: 6

sascha
sascha

Reputation: 4690

There are two ways.

  1. In your template header.php file, you have to add the favicon code: <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

  2. or, you just put the favicon.ico into your www root. Apache has a configuration setting which will load this as default.

Upvotes: 1

Todd
Todd

Reputation: 1882

You just need to put the image into a file named favicon.ico in your website's root directory (like www.stackoverflow.com/favicon.ico). Browsers request this file when a user visits your site and will show it in the tab or bookmarks. You can find more info on wikipedia or even use http://www.favicon.cc/ to help you design the icon.

Upvotes: 1

Ernestas Stankevičius
Ernestas Stankevičius

Reputation: 2493

Use plungin: http://wordpress.org/extend/plugins/shockingly-simple-favicon/

Upvotes: 1

Related Questions