How To Change The Default Blogger Favicon:

Search Options	close
Search the following clips: All Clips
news science politics food economy art
technology health internet religion psychology
Sign Up Install Learn More Login

	How To Change The Default Blogger Favicon:
ppdjoy
8-1-2009 12:53 PM
521 views
Add a Comment
Login to Comment. Not a member yet? Sign up
Today's Top Clips

visit the Top Clips page
View the Top Clips from August 1, 2009
Embed This Clip In Your Site...
<div style="margin: 12px 0px; font-family: arial; color: #333333; background: #ffffff; border: solid 4px #e5e5e5; width: 100%; clear: left;"><div class="CM_CTB_Content_Wrap" style="margin: 0px; padding: 0px;background-color: #ffffff;"><div style="border-bottom: solid 1px #dcdcdc; white-space: nowrap; margin-bottom: 8px; background-color: #eeeeee ;background-image: url(http://clipmarks.com/images/source-bg.gif); background-repeat: repeat-x; height: 24px; line-height: 24px; vertical-align: middle; padding-bottom: 4px; color: #666666; font-size: 10px;" ><a href="http://clipmarks.com/clip-to-blog/" title="see clips that are hot right now"><img src="http://content.clipmarks.com/blog_embed/220361e1-c2ff-4544-ac7d-1f1d43772a89/1C36E414-2241-43D3-80B3-6A9B715F93F4/" alt="" width="19" height="19" border="0" style="vertical-align: middle; margin: 0px 4px; display: inline; border: none; float:none;" /></a>clipped from <a title="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html" href="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html" style="font-size: 11px;">web-site-tutorial.blogspot.com</a></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html"><H3 class="post-title entry-title">
<A href="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html" linkindex="14">How to Change Blogger Favicon</A>
</H3></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html">After knowing how to <A href="http://web-site-tutorial.blogspot.com/2009/04/how-to-remove-blogspot-navbar.html" linkindex="17">hiding blogger navbar</A>, now lets try to change your blog favicon.
Do you know what is Favicon?? Favicon is abbreviation for website icon.
more clearly look at the picture below
here are Standard Blogspot favicon
</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/web-site-tutorial.blogspot.com/img/52EF199E-5BA3-4CED-94C6-2E3715F19FF0" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html">and It's my favicon
</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/web-site-tutorial.blogspot.com/img/E772A5D1-20D1-4D30-A696-63B801965D6D" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html">Here are the step 'How to Change Favicon'
1. Upload your Image (JPG, PNG, GIF) to <A href="http://www.iconj.com/" linkindex="20">Dinamic Favicon for Blogger and Webmaster</A> or for other choice you can go to <A href="http://www.stickyrox.com" linkindex="21">http://www.stickyrox.com</A>
<A href="http://2.bp.blogspot.com/_CY9UU2EqV1M/SfAeSN1PN4I/AAAAAAAAAuk/cx5XTG8S9Gk/s1600-h/Change+Favicon+Guide.JPG" linkindex="22"><IMG border="0" id="BLOGGER_PHOTO_ID_5327791657478731650" alt="" src="http://2.bp.blogspot.com/_CY9UU2EqV1M/SfAeSN1PN4I/AAAAAAAAAuk/cx5XTG8S9Gk/s400/Change+Favicon+Guide.JPG" /></A></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html"><div align="center"><img src="http://content6.clipmarks.com/blog_cache/web-site-tutorial.blogspot.com/img/46BF9C19-730F-4977-80B5-B749528386D9" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html">2. Its no need to registration just upload your image directly.
3. Copy The Code and go to your Blogger Dashboard &gt; Page Layout &gt; Edit HTML</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html"><div align="center"><img src="http://content7.clipmarks.com/blog_cache/web-site-tutorial.blogspot.com/img/8B4BBA57-90D7-4056-8D27-741D305460D7" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html">4. Scroll down the template and paste the code from Favicon just after
</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html"><div align="center"><img src="http://content8.clipmarks.com/blog_cache/web-site-tutorial.blogspot.com/img/6BFAB159-9684-42C4-894C-BCFB228006F9" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html">look at the picture</blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html"><div align="center"><img src="http://content9.clipmarks.com/blog_cache/web-site-tutorial.blogspot.com/img/0FBAAB1B-D71B-43D6-B871-4B37BA7DC92B" alt="" /></div></blockquote><div style="height: 2px; font-size: 2px; background: #dcdcdc; border-bottom: solid 1px #f5f5f5; margin: 2px 4px;"></div><blockquote style="text-align: left; padding: 0px 8px; margin: 4px 0px 8px 0px; background: transparent; border: none;" cite="http://web-site-tutorial.blogspot.com/2009/04/how-to-change-blogger-favicon.html">5. Save The template, congratulation you have change your favicon now
</blockquote></div><div style="margin: 0px 6px 6px 4px;"><table style="font-size: 11px;border-spacing: 0px;padding: 0px;" cellpadding="0" cellspacing="0" width="100%"><tr><td style="background:transparent;border-width:0px;padding:0px;">&nbsp;</td><td align="right" style="background:transparent;border-width:0px;padding:0px;width:107px" width="107"><a href="http://clipmarks.com/share/1C36E414-2241-43D3-80B3-6A9B715F93F4/blog/" title="blog or email this clip"><img src="http://content6.clipmarks.com/images/c2b-foot.png" border="0" alt="blog it" width="107" height="17" style="border-width:0px;padding:0px;margin:0px;" /></a></td></tr></table></div></div>
New from the makers of Clipmarks: Amplify.com - Don't just share the news...Amplify it!
Clipmarks: Home; New Clips; Top Clips; Dashboard
Popular Topics: News; Life; Science; Technology; Entertainment
Get Started: Sign Up; Install Clipping Tool; How Clipping Works; Clip-to-Blog™; ClipSearch
Tools and Resources: FAQ; ClipWeek; Top Clippers; Top Tags; Site Map
About Clipmarks: About Us; Contact; Copyright; Privacy; EULA
Search Options

Today's Top Clips
