How Do You Get Your Logo Next To Your URL?
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)
- Choose your image, logo or whatever you want to use as an icon.
- Upload the image into a favicon editor, I used this one.
- You will be asked to crop this image, unless you can create your own 16×16 pixel image.
- 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.
- Clear your WP and browser cache.
- 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.
- Refresh your browser, done!
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.
Great tip.