Adding a Favicon on Blogger


Blogger is a very popular free Blogging platform, but each free blogs comes with the same exact default favicon that Blogger is using. You can help set your blog apart by getting your very own unique favicon plus there are a lot of benefits with having your own favicon. This post is in response to menopauseprincess. She asked about Blogger blogs having their own favicon.
Creating or finding your favicon
       If want to create your own favicon, you can follow my guide on creating your own favicon. You can also find a free favicon from the 20 free favicon resources I have collected. I’ve used both unique and free favicons, I just try to use a favicon that represents what my website is about or something that is rememberable.
Uploading your favicon
       You will need to find an alternative host for your favicon because Blogger does not host custom favicons. A lot of free file hosting services will not host .ico file types, so these are not good options. If you don’t have your own web hosting account, there is a service called myFavatar that will host your favicon for free. Flickr will allow you to host .ico files also, so if you have an account there already that may be a good choice.
Linking to your favicon
       You will need to do some updates to your templates in order to get your favicon to show up. This part might get tricky, so if you need any additional help please don’t be afraid to ask. To edit your Blogger templates, after you login go to “Layout” –> “Edit HTML”. Now you will need to add the following line of HTML between the start <head> and end </head> tag:
PlatForm
<link rel="shortcut icon" type="image/ico" href="http://example.myfavatar.com/favicon.ico" />
Example
<!-- Start Favicon.ico -->
<link href='http://www.e-shop.ob.tc/favicon.ico' rel='shortcut icon'/>
<link href='http://www.e-shop.ob.tc/favicon.ico' rel='icon'/>
<!-- End Favicon.ico -->


Before Code
<b:skin><![CDATA[/*


       Make sure you update the location of your favicon to the exact web location where you uploaded your favicon. If you do use myFavatar to host your favicon, they will actually provide you with the exact code to paste into your templates.
Testing your new Favicon
       Typically when you save your templates and reload you should be able to see the new favicon. But occasionally there may be settings in your browser that may prevent your favicon from showing up, so you may need to reload or clear your cache in order to see it right away.

0 ความคิดเห็น:

Post a Comment

Categories

25 Tips for Marketing Your Blog (1) 7 Tips (2) 7 ขั้นตอนง่ายๆ ที่จะทำให้ Search Engine (1) Add Adsense inside Blogger (1) Add Copy To (1) Add Favicon (1) Add Favicon on Blog (1) Adding a Favicon on Blogger (1) AdSense in the Middle or Anywhere of Blogger (1) Adsense Parser to blogger (1) Affiliate Programs (1) AI RoboForm (1) Amazon (2) Amazon Associate (1) Amazon Associates (2) Auto Slider to Blogger (1) Automatically Refresh Your Blog (1) Best Adsense Secrets (1) Best Adsense Tips (1) Best Adsense Tips And Secrets (1) Blog (2) Blog and Make Money (1) Blog Tips (4) blog to make money (1) Blogads.com (1) Blogger (1) Blogger Dummies (1) Blogger Guide (1) blogger hack (1) Blogger Hacks (1) Blogger Help (1) Blogger Instructions (1) Blogger Make Me Rich (3) Blogger Tag (1) Blogger Tips (2) Blogger Tricks (1) Blogging (1) Blogs Tools (3) Boost Traffic (1) Change Template (2) Change the Width of Your Blog (1) cloud (1) Cloud Widget (1) Comments Below Posts (1) Complete SEO Guide For Blogger|Blogspot (1) Create a Blogger Tag Cloud Widget (1) Crispads.com (1) CSS (1) Customization Blogger (1) Customization Quotes in Blogger (1) Customize (2) Customizing Comments Below Posts (1) Digg (1) Digg Button (1) Disable Your computer might be at risk (1) Embed Adsense add unit in Left or Right corner of post content (1) Favicon on Blogger (1) fill forms (1) Footer (1) form filler (1) form filling software (1) Google Adsense (1) How Add META TAGS to Blogger (1) How Add META TAGS to Blogger(blogspot) blogs (1) How To Add 728×90 leaderboard Adsense ads between Header and Post Section in blogger (1) How to Add Adsense ads inside Blogger blog posts or between blog posts (1) How To Add Adsense Parser to blogger (1) How To Add Different Meta Tags to Different Blogger Posts (1) How To Add One Click Sitemaps Submitter to blogger (1) How to blog to make money (2) How to Embed Adsense add unit in Left or Right corner of post content (1) How To Insert Adsense Ads In Blogger Post (1) How To Make Money With Adsense (1) How To Make Money With Adsense Without Your Website (1) How to put AdSense in the Middle or Anywhere of Blogger posts (1) How To Refresh Your Blog (1) How To Remove AdSense Ads from the Homepage (1) How To Remove Low paying Adsense Ads (1) How To Use Adsense Section (1) How To Use Adsense Section Targeting on Blogger (1) Insert Ads In Blogger Post (1) Insert Adsense In Blogger Post (1) JavaScript (1) Keyword (1) label (1) Label cloud (1) Labels (1) Link in Footer (1) Make the Blog Wider (1) Meta Tag (1) meta tags (2) Mootools Featured Posts Auto Slider (1) Move To to (1) Newer + Older Posts (1) newerPageTitle (1) nextprev (1) Numbered Page Blog (1) Numbered Page Navigation Hack For Bloggers (1) olderPageTitle (1) password management (1) password manager (1) Poly Wi-Fi (1) Posts Auto Slider (1) Promote Blog (2) Quotes in Blogger (1) Read More (1) Read More in blogger (2) ReadMore blogger (1) Refresh Your Blog (1) Relate Post (2) Relate Post Widget (1) Remove AdSense Ads from the Homepage (1) Remove Blogger Navbar (1) Remove the NavBar (1) RoboForm (1) Search Engine Friendly (1) Search Engine Optimization (1) SEO (8) SEO (Search Engine Optimization) (2) SEO เคล็ดลับ โปรโมท (1) Slider to Blogger (1) Successful Blogging (1) Tag Blogger (1) Template (1) Tip Adsense (2) Tips (3) Tips Ads (1) Tips Adsense (3) Tips and Tricks (1) Tips for Marketing (1) widget (1) widget label (1) XP Tweaks (1) Your Blog (1) ขั้นตอนการทำ SEO (2) เคล็ดลับ (1) เคล็ดลับ โปรโมท (1) โปรโมท (2) โปรโมทเวบ (1) เรื่องอื่นๆที่ใกล้เคียง ใน Blogger (1) วิธีการทำ Label cloud (1) วิธีทำ Relate Post (1) วิธีทำลิงค์ Read More... ใน blogger (1) วิธีทำเว็บให้น่าใช้งาน (1) วิธีลับในการหาข้อมูลจาก Google (1) เว็บให้ดัง (1)
 
Copyright © 2009 Blogger Template Designed by All about Blogger Tips