How Do You Get Your Logo Next To Your URL?

Posted by Ty
March 7, 2008

Favicons

I have always wanted to know how you make a favicon (icon) appear next to your url, and I finally figured it out. While at the Search Marketing Expo in California last week, this was another fun little tid bit they encouraged to brand yourself a little, so I decided to do it myself!

Below are the steps I followed. Pretty easy to do, enjoy!

(These instructions are mainly for WordPress blogs)

  1. Choose your image, logo or whatever you want to use as an icon.
  2. Upload the image into a favicon editor, I used this one.
  3. You will be asked to crop this image, unless you can create your own 16×16 pixel image.
  4. Save the finished favicon to your desktop, and make sure you keep the format to the default favicon.ico file name, do not re-name it.
  5. Clear your WP and browser cache.
  6. Next, place your favicon.ico file inside your theme folder (for example: wp-content/themes/default/) then add this line to your header.php folder:

<link rel=”shortcut icon” href=”<?php bloginfo(‘template_directory’); ?>/favicon.ico” />

Be sure to add it somewhere within the <head></head> section.

  1. Refresh your browser, done!


Share and Enjoy:
  • email
  • Digg
  • Print
  • del.icio.us
5 How Do You Get Your Logo Next To Your URL?
Blogs & Blogging

If you enjoyed this post, please consider to leave a comment or subscribe to the feed and get future articles delivered to your feed reader.

  • Superb tip you was share with us.. I will try my best to do it and share it my friends.
  • The part about designing in black and white is paramount though. I always start with black and white, and then design a grayscale version to get contrast and legibility right.
  • The part about designing in black and white is paramount though. I always start with black and white, and then design a grayscale version to get contrast and legibility right. Once this is ok then moves onto colors.
blog comments powered by Disqus