Get Even More Visitors To Your Blog, Upgrade To A Business Listing >>

Replace Blogger Favicon



Another nice trick to personalize your Blogger blog is to change the Blogger favicon.You know,that little orange icon of Blogger on your address bar and on the tab.This is from the very easy things to do,but the little hard part is for those who don't have Photoshop.You need a small png or jpeg but i think is better on png.I mention Photoshop cause is better the backround of the logo(?) in your icon be transparent to be displayed properly in all the colors of browsers.For example,my browser is Firefox with black theme.If your favicon is a yellow circle in a white backround is gonna be very ugly in my browser.So has to be a yellow circle in a transparent backround.If you know another application except of Photoshop to do the work use that.After that,the size must to be at most in 25x25.I use 24x24 so figure out what is good for your blog.I hope i helped about the appearance.


1.Open your template

2.Log on the Html area

3.Find (Ctrl+F) this code
 <data:blog.title/> 


(it's on the top of your template)


Example:Probably it will look like this:


<data:blog.title/></title> </b:if>
<b:skin><![CDATA[/*


4.add the following code after the code you found on the search we've done,
(and before the <b:skin><![CDATA[/*)


<link href="YOUR-URL-HERE" rel="sortcut icon" type="image/x-icon">


5.Change the YOUR-URL-HERE with the url of your favicon.

6.Now must look like this:


<data:blog.title/></title> </b:if>
<link href="www.myfavicon.com" rel="sortcut icon" type="image/x-icon">
<b:skin><![CDATA[/*


7.Save & preview.

You're done!





This post first appeared on Blogger Widgets ::blocoon::, please read the originial post: here

Share the post

Replace Blogger Favicon

×

Subscribe to Blogger Widgets ::blocoon::

Get updates delivered right to your inbox!

Thank you for your subscription

×