How to add a favicon to your forum

This article will help you add up your very own favicon to your vbulletin forum. This can also be used to aid you adding one with other softwares but this article assumes youre running vbulletin.

Firstly design your favicon in your image editing software, once you have the image you would like to use please visit this URL:

Code:

http://www.chami.com/html-kit/services/favicon/

Once there upload your favicon from your computer and this site will automatically convert your image ready for your site.

Download the package and inside of it you will see two files:

animated_favicon.gif and favicon.ico

Adding an animated Favicon

The first file is an animated version of your favicon, if you wish to add the animated one to your forum upload it to the root of your forums for example public_html/ or public_html/forum/

Once done edit your current styles headinclude template by adding this code to the bottom:

Code:

<link rel="icon" href="animated_favicon1.gif" type="image/gif" />

DO NOT use the code provided in the ReadMe.txt from chami, their code is invalid.

Adding a Non-Animated Favicon

Upload the favicon.ico file to your forums root whether that be public_html/ or public_html/forum/.

Once done edit your current styles headinclude template by adding this to the bottom of it:

Code:

<link rel="shortcut icon" href="favicon.ico" />

DO NOT use the code provided in the ReadMe.txt from chami, their code is invalid.

If all has went well, clear your browsers cache and refresh your forum to see your newly added favicon.

Thanks for reading and if this has helped you please click the rep/thanks button

This post has been promoted to an article

 

Great article, Sweeks! Nice job.

 

I may be doing some more in the future, not sure what on exactly but I am sure I will find something that is worth contributing

Thanks!