How to add favicon to your blog

Before knowing how to have a favicon, one must know the definition and the use of it. Favicon is a shortcut icon, an URL icon someone have on their own website, and usually it shows right besides your address bar. People are using favicon on their website so that visitors and traffic acknowledge your website. It's like a logo on a company. Once they see your favicon, they know right away it's your website (unless people is copying your favicon which is not cool at all =="). It's not a javascript, it's not an iframe. It's just an ordinary HTML code that will give you a beautiful favicon right away! :D

If you search 'how to make favicon' on Google, there's probably a lot of sites that'll teach you how to make a .ico format picture, and upload it to your host and blah blah blah. I've been there before, and it's stressful, it's complicated, there's like thousands of steps that you must do and others. But actually, you just have to make a 16x16 pixels of .GIF or .JPG to make an actual favicon, and of course, the right code.

So to shorten things up, lemme just give you the code :DD

<link rel=”shortcut icon” href=”http://YOURIMAGEURL.gif” type="image/x-icon" />

As usual, place this between your <head> </head>. :3
replace YOURIMAGEURL.gif with your own favicon picture and voila! That should do the trick.

If you have any problems with this code, comment below this post and i'll try to help you as much as i can~
Happy blogging!

You may also like

No comments: