Another Branding Yourself Tip, Add a Favicon!

Here is another branding yourself tip. It’s all about customization and trying a little extra harder than you did yesterday. Creating a favicon will definitely catch someone’s eye and make you stand out as well as help you generate a bigger following.

A favicon (favourite icon) is the small picture in beginning of the address bar in the browser.



You can change these icons to whatever you want. Having your logo or company initials would be a great idea for your favicon.

Good news, this is easy peasy.. you do not need to be an html expert to do this.



The standard "B" symbol for blogger is great for letting people know that your site is a blog site.But the standard “B” symbol is just that... STANDARD! Do you want to have standard content? I hope not!

Here is how you can create a favicon for blogger.com

Find your own image and create your free favicon online here:

http://seotools.bloggertricks.com/free/online-favicon-generator/

Next: You need to upload your picture to a hosting site. If you do not have one, you can use the free hosting site below:

http://image.computersteroids.com/

Once your image is loaded, select the Direct Link

(ie  http://image.computersteroids.com/4//larkshark.ico)

Next: Go to your blogger dashboard and choose DESIGN, then HTML



Insert your image link into the below coding.

<link href='ICON FILE URL' rel='shortcut icon'/>
<link href='ICON FILE URL' rel='icon'/>

Add this entire code right under this code:

<title><data:blog.pagetitle/></title>

Save your changes.

Your new image will display shortly. Sometimes it takes a while depending on which browser you are using.


Favicons for WordPress:

Your theme might already have a place to upload a favicon. The Bombax Theme (my theme) has this enabled.

This is directly from the WordPress help page

Installing a Favicon in WordPress

If there is already an old favicon.ico file in your current theme’s main folder, delete it using FTP Clients.
  1. With an FTP Client, upload the new favicon.ico file into your current theme’s main folder.
  2. Upload another copy of your favicon.ico file to the main directory of your site (ie. http://example.com/favicon.ico). This will display the favicon in your subscribers’ feedreaders.
In order for your favicon to show up in some older browsers, you will need to edit your page header.
  1. Go to your WordPress Administration Panel.
  2. Click on Design (called Presentation in WordPress 2.3.x and below, and Appearance in WordPress 2.7+).
  3. Click on Theme Editor.
  4. Select the file called Header or header.php to edit the file.
  5. Search for the line of code that begins with <link rel="shortcut icon" and ends with /favicon.ico" />. Overwrite it, if it exists, or add the following code below the <head> HTML tag.
<link rel="shortcut icon" href="<?php bloginfo('template_directory'); ?>/favicon.ico" />
  1. Save the changes.
To see your new favicon, clear your WP-Cache and your browser’s cache. You may need to restart your browser in order to see the new favicon.

Looking forward to seeing your new favicons!!
More tips and tricks  =Click Here

Have a productive day :)

- Lark Miller

No comments :

Post a Comment

Subscribe to: Post Comments ( Atom )