Home » 2011 » March » 9 » How To Add Simple Favicons To Blog
12:42 PM How To Add Simple Favicons To Blog |
How To Add Favicon To Blog
NB: If you are a newbie and want to learn about HTML, Javacsript and some other codes, please you may visit this great Gurus link and have your ambition accomplished. Favicons are a fantastic way to give your Blogs a little added flair and panache. Whenever you’re on the web you may notice small images displayed in the address bar of your browser. They appear directly before the URL of certain websites. These images are known as "Favicons” because they are "icons” associated with websites which show up in your browser’s "Bookmarks” list (in Firefox) or "Favorites” list (in Internet Explorer). They also display at the top of tabbed panels. How To Get Or Make Favicon From Images: Favicons
are small images which are usually 16px by 16px in size. Your site logo
would be a natural choice for a favicon. If you find that your logo is
too complex to shrink down to 16px by 16px, try stripping out the most
recognizable logo elements and using them as a base for your favicon.
You can use Adobe Fireworks or Adobe Photoshop to make one. Or else you
can use online generators listed in the end of the post.Favicons must be created in one of three possible image formats: .ico (Windows Icon), .gif (Graphics Interchange Format) or .png (Portable Networks Graphics). Of these the .ico format is probably the best way to go because all browsers will recognize it. For adding a favicon to your blog follow these steps: For Wordpress Blogs 01. Login to your wordpress account and navigate to Appearence -> Editor02. Then click on Header.php and add the code in the end and click on Update File Or Save. Then <link href='http://YOUR_PATH/favicon.ico' rel='shortcut icon'/> Change the YOUR_PATH url to the url of your image. That's it.<link href='http://YOUR_PATH/favicon.ico' rel='icon' type='image/ico'/> For Blogger Blogs: 01. Login to your Blogspot blog and navigate to Layout --> Edit HTML02. Now just before the </head> tag add the favicon code and click on SAVE TEMPLATE. <link href='http://YOUR_PATH/favicon.ico' rel='shortcut icon'/> Change the YOUR_PATH url to the url of your image. That's it.<link href='http://YOUR_PATH/favicon.ico' rel='icon' type='image/ico'/> Hope this helps. Different Sources To Get Or Make A Favicon From Images:
|
|
Total comments: 1 | ||||||
|