How to Add a Favicon in Thesis Theme?

by Harshad on July 23, 2009

The Thesis Theme from Chris Pearson and DIYthemesBefore using Thesis on Tech Exclusive, I visited few blogs with Thesis theme. I discovered amazing aspects and features of this theme, but one thing I found missing in all blogs was the favicon.

Favicon  is used to display the unique identity of a website/blog on the address bar and browser tab. It is one of the important features of professional websites as it brings more authority and credibility to website and its users.

If you don’t know anything about favicon then you can refer our simple tutorial to create a favicon for website, which will give you a perfect idea of favicon and its installation process. However, adding a favicon in Thesis theme is little bit different from normal blog themes. Use the following tutorial to add favicon in Thesis theme.

Steps to Add a Favicon in Thesis Theme

1. Get a favicon.ico image file. (Preferably, 16×16 pixels)

2. Save it on root directory of your blog.

3. Open WordPress dashboard and select Thesis options.

4. Scroll down to Header Scripts and copy-paste following code in text field.

<link rel=”shortcut icon” type=”image/ico” href=”favicon.ico”>

Header Scripts

For animated favicon -

<link rel=”icon” type=”image/gif” href=”animated_favicon.gif” >

5. Click on Save Button.

Now, check this favicon in different web browsers. Enjoy. :)

Related posts:

  1. How to Create a Favicon?
  2. Get TweetMeme Button on Thesis WordPress Theme
  3. How to Remove Comments from Homepage of Thesis Theme?
  4. How to display Ads in Single Post of Thesis Theme?
  5. How to display 125 x 125 Ads in Sidebar of Thesis Theme?

If you enjoyed this post, please consider leaving a comment and subscribing to the RSS feed or subscribing via email to have future articles delivered to your feed reader or email inbox.

{ 2 trackbacks }

How to display 125 x 125 Ads in Sidebar of Thesis Theme?
November 12, 2009 at 9:20 pm
250+ Thesis Theme Resources | Sahil Kotak dot Com
December 9, 2009 at 12:37 am

{ 22 comments… read them below or add one }

Roseli A. Bakar July 24, 2009 at 8:08 am

Great, now I can add a favicon to my thesis theme blog !

Reply

Mathdelane August 15, 2009 at 2:59 am

Thanks for the helpful tutorial! I really do appreciate it.

Reply

Harshad August 30, 2009 at 2:53 pm

New tutorials are coming soon. So, keep visiting. :)

Reply

Justin September 17, 2009 at 6:37 am

Awesome!

Had been looking for this for ages!!

Reply

Harshad September 21, 2009 at 7:25 pm

I’m glad that you liked it. You should also check other useful posts on Thesis theme customization here.

Reply

Sean O'Hara September 23, 2009 at 4:08 am

Thanks, that works great.

Reply

Pee Jay October 10, 2009 at 10:16 am

I followed the guide however the favicon only appears in the home page. what seems to be the problem?

Reply

Harshad October 10, 2009 at 8:06 pm

If you have followed above guide then it should work properly. I’m also using same code on my blog and it’s working fine for me.

Reply

shivaraj November 15, 2009 at 7:19 am

Simple,Excellent Tip,
working gr8..
Thanks.

Reply

Harshad November 16, 2009 at 9:28 pm

You’re welcome. :)

Reply

Stacy November 26, 2009 at 11:06 am

This is exactly what I was looking for! I was putting the favicon in the thesis directory… duh! ha ha!

Thanks so much for the info! :-)

Reply

Rajesh Kanuri @ TechCats January 15, 2010 at 1:42 pm

This worked fine.., Thanks.. :)

Reply

Harshad January 16, 2010 at 12:16 am

I’m glad that it worked for you. Keep visiting for more tricks. :)

Reply

DJ Morris January 25, 2010 at 10:12 pm

I can’t get my favicon to show…when I taook the code and put it in notepad and then copy & paste it into my header script it converted what I pasted into this…

Did I do something wrong, because I can’t figure it out? I put the 16×16 favicon.ico in my public_html file???

Reply

Harshad January 29, 2010 at 3:09 pm

Where did you exactly paste the code?

Reply

Dave K. January 28, 2010 at 4:03 am

Ditto here. I put the favicon.ico in both public_html and thesis 16 main folder, and still no luck ….

Reply

Harshad January 29, 2010 at 3:10 pm

Don’t put the code in thesis folder. Paste it into root directory of your blog.

Reply

Dave K. January 29, 2010 at 6:54 pm

Finally got it to work, by pasting this in the Thesis header scripts box:

There are a couple of other script lines out there that didn’t seem to work. But this one does, so no worries. Thx for the reply.

Reply

Dave K. January 29, 2010 at 6:56 pm

Oops. not showing the code. Let’s try this, without the brackets:
link rel=”favicon” type=”image/ico” a href=”favicon.ico”

Reply

Sheldon (Marketing Consultant, NZ) March 3, 2010 at 2:23 am

Didn’t work for me the first time because your quotation marks didn’t copy and paste properly into the Thesis control panel. I had to replace them with quotation marks of my own and then it worked!

Reply

lacorbeau March 5, 2010 at 7:31 am

I tried to add favicon on thesis. I added my favicon to the index on thesis theme and uploaded with filezilla but it didn’t work. Could you tell me what I may be doing wrong. I added the name of my favicon into the code after href=”myfavicon.ico”. and that didn’t work either. I tried it both ways just the way you had said to copy and paste and then with adding the name of my favicon. Thank you

Reply

Harshad March 6, 2010 at 7:48 pm

I guess you haven’t converted your image to .ico format.

Reply

Leave a Comment

Previous post:

Next post: