Welcome To FavIconBlog.com!

faviconblog FavIconBlog is a website dedicated to the FavIcon. This Blog is your single source for information about this small but very important part of every website. Thanks for stopping by!

Feel free to look around and learn about the FavIcon. On this site you can find Tools and Tutorials to help you deploy your own FavIcon. Before you leave be sure to create your own using the FavIcon Generator.

You can contact me: loren@faviconblog.com
All the Newest Blog Posts are located below.




How to Make a GIF FavIcon ICO using Front Page

Here is a short video tutorial about making a FavIcon.  The author uses Front Page to perform this task.  He give a short intro and dives right into the creation of a FavIcon.

Enjoy the Video!

A favicon, short for favorite icon, is a very small GIF image that appears in the address bar of an Internet browser and is associated with the Web site being visited.

Find out how to convert a GIF image into a favicon using Microsoft's FrontPage in thisfree video on creating Web sites from a professional software developer.

Expert: Luis Estrada Bio: Luis Estrada has a Bachelor's Degree in Computer Science. He is a freelance software developer specializing in developing Web applications.

Post to Twitter

Bookmark and Share

8 Essential Pre-Flight Checks for Your New Website

Here is a great Article that talks about the essential parts of a successful website.  Of course having a Favicon is one of them.  Enjoy the list!

-Loren


Stop! Before you push your fledgling site from the nest, here are 8 simple steps to ensure a successful launch.

In fact even if your web site is already live, there is no harm in going thru the checklist.

Marketing Value for You – Value for Your Web Clients

The 8 Point Pre Flight Checklist can easily be turned into a spreadsheet based checklist and applied to all your new sites. Then after all checks are complete, you can mail the checklist to your new site owner(s). This small marketing effort will demonstrate to your new customers that you are serious about giving them value for the money that they just spent on their new site.

The 8 Point Pre Flight Checklist

1. Page Title (the very first line in your browser)

From a SEO (Search Engine Optimization) point of view, this is the most important piece of text on any web page. Check each page and make sure that:

Remember that the first 60 odd characters of your title text is what really counts. Remove all unnecessary stop words like and, the, a etc.

Important:  as part of your title check, it is also a good idea to check that each page’s keywords and description text are loaded.

2. Cross Browser Testing

It is surprising how often a user will point out to you that one of your sites does not work properly in such and such a browser. I once had a client with a site that did not work at all in Firefox. He took a year before giving us the go-ahead to fix it, because he was not too concerned about Firefox (lol!).

There are two ways to do cross browser testing.

i)  You can use a cross browser test system (various are available) – we use crossbrowsertesting.com

ii)  You can do the task manually after loading the various browsers onto your PC.

At very least check your site in Internet Explorer (IE), Firefox and Chrome. Go thru all links and check all pages work as advertised. Don’t forget to check any pages that have forms with validation.

(If you have the time check multiple versions of the browsers – like IE 7 and IE 8)

3. Check Links

It is best to make use of an automated link checker tool, such as the free W3C Link Checker too. The tool can be found at http://validator.w3.org/checklink. After pointing it at your site (you can usually ignore the options), it will detect and check all links and then return with a report of all broken or redirected links.

You can also of course, as part of the above (Cross Browser test) – manually click on each and every link on the site to make sure that they open properly.

4. Check Forms Work

Check all contact forms actually work. This means that the validation works and that the requisite emails get fired off and arrive in the correct mailboxes. Most forms send a copy of the input to the site owner/webmaster/support person and also a thank you to the person who filled in the form.

Make sure that this process works. There WILL be a war with your client if contact mails are not firing as they should be.

5. Proofread All Content

Try and re-read all text content on the site. Check for misspellings and syntax errors.

(If you are the site owner, now is a good time to make sure all the words make sense and do try to cut out any text that looks superfluous. Less is always more with text)

6. Sitemap

The site should be using an automated site map creation script. Although it is possible to do this manually, this is not advisable. Manual site maps quickly become a high maintenance and are prone to unnecessary errors.

Check that the sitemap works.  Look to see that all your pages appear in the automated XML output.

7. Analytics Code

Make sure that any code required for the analysis of web stats is loaded on every page. Also make sure that the stats are actually being collected by checking to see if your testing gets recorded.

Google Analytics is a good system to use. It is low cost (free!) and produces brilliant results. Irrespective of your choice of analysis system – make sure it is working and recording stats.

8. Favicon

The site icon is an important part of the visual branding of your site. (It is often found as favicon.ico in the root folder of a site) Check to see if it is showing. This is a small but important part of a site’s branding, which also appears as part of the site bookmark in most browsers.

Suggested Options

1)  Add the site to Google Webmaster Tools (also Bing), there are many tools that deliver great value that are included in the tools.

2) List the site in various important directories. Especially Google and Yahoo and any popular local directories. 
 

Dr Howard Rybko has been involved with computer technology since 1984. After more than 15 years in medical software and IT infrastructure, he established Syncrony in 1999. Syncrony is focused on world class website design, custom software development and building of web systems based on the DotNetNuke Content Management System.

Post to Twitter

Bookmark and Share

How To Make A Favicon at Favicon.cc

This is a great short video tutorial.  The author is using the tool at the site:  Favicon.cc

He only discusses the creation of a favicon, not deployment…you can learn about that here at FaviconBlog.com

Enjoy!

In this video I will teach you how to make a favicon for you website in an easy to use and understanding way.

 

Post to Twitter

Bookmark and Share

Add A Favicon To Improve Your Site’s Appeal

A great quick How to Guide:

If you've ever wanted to add a favicon to your website or blog, here is a step-by-step rundown of how it is accomplished.

STEP ONE: Design your favicon image — 

Every favicon icon begins its life as a graphic image and that usually means you will use a graphics program (like Adobe Photoshop or even Microsoft Paint) to create an image with either a "gif," a "jpeg" or a "png" file format extension.

I generally create either a "gif" or a "jpeg" image and I always make sure to start with a "canvas" that is square in shape.

Sure, your favicon can be circular, rectangular or even irregular in its appearance but the browser will output your favicon at a size of 16 pixels by 16 pixels. Because of this, you want to make sure that your canvas is as wide as it is tall or your image will get distorted by the browser when it is displayed.

Also, because the final size is so small, try not to use really small lines or fine type as both will likely disappear when rendered.

STEP TWO: Convert the image into the .ico file format — 

In order for your favicon to display, you must first convert the favicon image to the .ico file format (which stands for "icon") before uploading it to your web server.

There are a number of pieces of software to help you convert the favicon image into the favicon .ico format. However, as there are free favicon generators available online, I don't see a need to download a piece of software to your machine as there is always a potential risk for exposing yourself to some sort of malware.

Whichever path you choose, you will need to convert the image to the .ico format before you can add a favicon to your site.

STEP THREE: Upload your favicon.ico file to your web server

Using an ftp client (or your CPanel's File Manager) you will need to upload the favicon.ico file to your website's root directory.

It's best to put it inside the "root directory" (the same location as your "index" file) and not put it inside of any other folder (aka directory).

Once you've uploaded the favicon.ico file, you're ready for step four.

STEP FOUR: Add one line of code to each of your web pages.

In order for your favicon to appear, the browser must know where to find the file on your server. For this reason, it is vital that you add one line of code, into the "head" section of each of your pages code, to cause the favicon image to display.

The line of code you need to add is:[link rel="shortcut icon" type="image/x-icon" onClick="javascript:pageTracker._trackPageview('/outgoing/article_exit_link');" href="favicon.ico" /]

PLEASE NOTE: You will need to replace the "square brackets" shown at the beginning and end of this code with "angle brackets" (ie ) or the code won't work. I would have included the code in its proper format but it probably would have caused display issues here.

STEP FIVE: You wait!

I admit that this part is a little annoying but you need to know about it none the less. After you add a favicon to your site you will no doubt want to go see how great it looks but you may find that it doesn't appear right away.

Most first-time favicon designers assume they must have done something wrong and start retracing every step but that's not always the case.

I don't know why there is a delay, but if you are using Internet Explorer as your browser, it can take a few days for the favicon icon to appear.

I suggest you check your site in Firefox as it generally shows up faster in that browser than it does in Internet Explorer.

If it doesn't show up in either browser within 2 or three days, I suggest you check your work to make sure you have done everything corrrectly.

Well, now you know how to add a favicon to your website and I hope you have a lot of fun doing so! 
 

Kevin Koop is an internet marketer, copywriter, marketing consultant and all around web-geek. If you want to watch his <a href="http://www.faviconhowto.com" rel="nofollow">Favicon How To Video or use his Free Favicon Generator, visit his site at: http://www.faviconhowto.com

Post to Twitter

Bookmark and Share

How To Make A Favicon Then Upload it to Webs.com

Webs.com is a community site that allows you to create your own free website.  This video tutorial shows how to make your own custom favicon for webs.com.  This is a well done video, no words, just nice background music, but is shows you exactly what to do.  The author uses favicon.cc to create the file, but if you have your own custom Favicon.ico file these instructions will work as well.  Good Luck!

FaviconBlog.com will continue to be your go-to site for information on creation and deployment of favicons.  Information on the Favicon exists all over the web, but here you will find it consolidated in an easy to understand format.

Enjoy!

-Loren

Post to Twitter

Bookmark and Share