Tuesday, May 27, 2014

Techie Tuesdays: How to Install a Favicon

“How do you install a favicon?” from Zhenya of Being Zhenya

Regardless of platform, there is a very simple and easy way to install a favicon. A few things to note before you make any changes to your blog.
  1. Make sure you back up your posts and your template (you can do both easily in Blogger, but for WordPress you can only back up your posts automatically).
  2. If you had your site designed by a designer, then they should have designed a favicon. If it is not working, then you should ask them to fix it. Most designers and developers have clauses in their contract about clients editing the site after the site has been installed. You want to run this by your designer just in case. 

Step 1. Take a square version of your logo (either as a gif, jpeg, or png file) and convert it into a .ico file. I use Favicon-generator.org to convert files for me. Make sure to download the generated favicon.


FOR WORDPRESS
Step 2:  Upload the favicon to your images or media folder. Click the image and copy the URL for the image. 

Step 3: Go to APPEARANCE < EDITOR < HEADER file. Directly underneath the <head> you are going to insert the following: 

<link rel=“shortcut icon” href="IMAGE URL" type="image/x-icon"
<link rel=“icon” href="IMAGE URL" type="image/x-icon">

Replace “IMAGE URL” with the URL of your image. Click save, and your favicon should be visible!

**If you are making any changes to your WordPress site, you should be doing it in a child theme. When there is a WordPress or theme update, you will likely lose any changes to the code you make. That being said, if you think the solution is to avoid updating, updating the site is essential to protecting the overall security of your site, and I would strongly recommend against not updating.

FOR BLOGGER
Step 2: Go to LAYOUT < Click “Edit” in the FAVICON box. Upload your image. It might take a few moments, but your favicon should be visible.



If you are having any issues adding a favicon, send me an email, and I can check out your site for you!

Do you have tech or design questions you would like answered? "Techie Tuesdays" is a weekly series written by Lindsay Humes of White Oak Creative and The Garden Apt. In order to make this series as beneficial to Midwest Bloggers, you can email your specific questions to Lindsay at lindsay@wocreative.com and she will answer them in her weekly series.


No comments:

Post a Comment