0 Add The Reference For Your Favicon To Your Blogger Template
Thursday, March 10, 2011
Labels:
Blog Tips,
Traffic Tips,
Tutorial
Share
Some hours ago today I posted on how you can create a FAVICON for your blogger Blog, but I do not tell you how you can apply it on your HTML page of your blog but now I have to let
you know how you will apply it on your blogger blog.
The final step to creating a custom favicon for Blogger is referencing the favicon in your Blogger template code.
To do this, go to Layout>Edit HTML in your Blogger template. You do not need to check the “Expand widget templates” box.
Search for the closing tag in your template using your browser’s search function.
Immediately before this line, paste the following section of code, substituting YOUR-FAVICON-URL for the URL where your favicon is hosted:
Then save your template. Now when you view your blog in your browser, you should see your favicon appear beside the web address and in the bookmarks folder (if you have bookmarked your site).
Note: it is very important that you paste the favicon tags just before the closing tag, not earlier in the template code. This is because Blogger generates favicon tags when your blog pages are generated which would otherwise override your custom favicon references.
Important information when using custom favicons for Blogger blogs
If you use Internet Explorer 6 or older, the favicon will not appear unless you have bookmarked your blog and refreshed your browser.
Also, any services which automatically extract the favicon for a site (such as Blogger’s “Feed” and “Blog List” gadgets) will still reference the Blogger favicon rather than our own custom favicons. This is because such auto-discovery scripts reference the favicon hosted on the same server as the website, rather than the favicon which is referenced in the HTML code of the page. As yet, there is no way to present our custom favicons to services which automatically discover the favicon for a site.
Your thoughts?
I hope this tutorial enables you to add custom favicons for your own Blogger blogs with ease. If you know of any other simple methods for creating custom favicons for Blogger, please let us know in the comments below.
Feel Free to share this blog post with your friends using the share buttons on this page.
If you have anything to contribute or ask, Kindly make use of the comment form below.
In my future posts, I will share with your more tips about the ebook business and how you can be making money from ebook business even without writing any ebook.
So, for you not to miss the tips and be getting them right inside your email inbox even when you are not on the internet, kindly go to http://feedburner.google.com/fb/a/mailverify?uri=TheGeniusBlogger and enter your email. Once entered, you will have to check your email for a confirmation email containing a confirmation link. Once you VERIFY your email by clicking on the confirmation link in the message, YOU WILL NEVER MISS MY FUTURE ARTICLES AND FREEBIES AGAIN. Or click Subscribe to The Genius Blogger by Email
you know how you will apply it on your blogger blog.
The final step to creating a custom favicon for Blogger is referencing the favicon in your Blogger template code.
To do this, go to Layout>Edit HTML in your Blogger template. You do not need to check the “Expand widget templates” box.
Search for the closing tag in your template using your browser’s search function.
Immediately before this line, paste the following section of code, substituting YOUR-FAVICON-URL for the URL where your favicon is hosted:
<link href='YOUR-FAVICON-URL' rel='shortcut icon'/>
<link href='YOUR-FAVICON-URL' rel='icon'/>
Then save your template. Now when you view your blog in your browser, you should see your favicon appear beside the web address and in the bookmarks folder (if you have bookmarked your site).
Note: it is very important that you paste the favicon tags just before the closing tag, not earlier in the template code. This is because Blogger generates favicon tags when your blog pages are generated which would otherwise override your custom favicon references.
Important information when using custom favicons for Blogger blogs
If you use Internet Explorer 6 or older, the favicon will not appear unless you have bookmarked your blog and refreshed your browser.
Also, any services which automatically extract the favicon for a site (such as Blogger’s “Feed” and “Blog List” gadgets) will still reference the Blogger favicon rather than our own custom favicons. This is because such auto-discovery scripts reference the favicon hosted on the same server as the website, rather than the favicon which is referenced in the HTML code of the page. As yet, there is no way to present our custom favicons to services which automatically discover the favicon for a site.
Your thoughts?
I hope this tutorial enables you to add custom favicons for your own Blogger blogs with ease. If you know of any other simple methods for creating custom favicons for Blogger, please let us know in the comments below.
Feel Free to share this blog post with your friends using the share buttons on this page.
If you have anything to contribute or ask, Kindly make use of the comment form below.
In my future posts, I will share with your more tips about the ebook business and how you can be making money from ebook business even without writing any ebook.
So, for you not to miss the tips and be getting them right inside your email inbox even when you are not on the internet, kindly go to http://feedburner.google.com/fb/a/mailverify?uri=TheGeniusBlogger and enter your email. Once entered, you will have to check your email for a confirmation email containing a confirmation link. Once you VERIFY your email by clicking on the confirmation link in the message, YOU WILL NEVER MISS MY FUTURE ARTICLES AND FREEBIES AGAIN. Or click Subscribe to The Genius Blogger by Email
0 comments:
Post a Comment