Uploading Favicon to Blogspot Blogs

After visiting hundreds of sites, all with their shiny favicons displaying in your browser's address bar, you decided to use your own favicon in your Blogger/Blogspot blog. You designed and polished it and now what? Here are the steps you should follow:

1. Upload your newly created favicon to a free picture host and take note of the URL.

2. Visit your site and check your HTML source code by pressing CTRL+U (Firefox users).

3. Copy all the code after the opening head [head] tag up to the opening title [title] tag:

[some script]...[/script]
[meta content=...]
...

4. Back up your template.

5. Go to your dashboard and choose "layout", and then "edit html"

6. Delete this line from your template:

[b: include data='blog' name='all-head-content'/]
...

7. Paste the previously copied code in step 3 in lieu of the line you deleted in step 6.

8. Change the favicon URL to the one you got in step 1 like this:

[link rel='icon' href='yournewurl/favicon.ico' type='image/x-icon' /]
...

9. Escape the ampersand twins "&&" in the JavaScript adding "amp;" after each one without the quotes.

10. Save your template. If all goes well, you will see your favicon in the address bar of your browser.

All <> tags have been replaced with [] in this example in order not to confuse Blogger. If you have found this how to useful, design a favicon for me.

Comments

  1. AnonymousDecember 9, 2008 at 9:57 PM

    Thanks for sharing this, Buddy! Hopefully I can perform this on weekend or anytime this week when I am not too busy.

    Grat job! But why you did not change yours?

    ReplyDelete
  2. AnonymousDecember 10, 2008 at 12:24 AM

    When it comes to design, it often pays to wait a little bit. I am thinking of a favicon for the site but there is no rush.

    ReplyDelete
  3. Thomas HammerlundDecember 10, 2008 at 12:42 PM

    This is a little hard to follow.

    ReplyDelete
  4. ArchiverDecember 10, 2008 at 1:33 PM

    Writing a tutorial or how to is always a difficult task, Thomas. Putting yourself in the shoes of someone who has not edited a template before is tricky. It is like your typing can not get hold of your thoughts. If you wish, drop a message here after you create your favicon and I can try to assist you from then on.

    ReplyDelete

Post a Comment

Popular posts from this blog

Pros of Short Domain Names

Life is a good teacher. Up to now, it has never occurred to me a short domain name could be an advantage. I have always assumed, because I do it that way, people could bookmark a site when they like it regardless of the length of its name. Though I do not use it, social networking sites like Twitter changed my mind. I suddenly realized how difficult it must be to write a tweet about an article on this site without the aid of URL shortener services. Just writing the part "experimentsincyberspace/2009/04/" with the protocol prefix consumes 52 characters. I am not saying you will not be found. I am talking about the extra step, often tedious, of the necessity of shortening the URL. A very good idea could be having a short URL handy beneath or above your articles so that people can easily use it. Rather than having your visitors do it, you can take the extra step and place a short link yourself. In addition, keeping your URL intact can be a marketing and branding advantage.
Read more

A Thought Experiment on Do Follow Comments

Image
Einstein was a great scientist and without exception all physics students new to his work are introduced to his use of Gedanken Experiment or thought experiments. Gren Ireson, a lecturer at Loughborough University, UK, where his research interests include quantum philosophy, physics of sport and learning and teaching physical sciences, contests that a thought experiment has three requirements [PDF]: It is carried out in the mind (however one cares to define 'mind'). It draws on experience. It allows the experimenter to see what is happening (perhaps a better term to use than 'see' is 'imagine' or 'form a mental image').  I see a lot of blogs announcing they do follow comments lately, so I will humbly use Einstein's technique to shed some light on do follow commenting today. Let us start with a definition first. Google's Matt Cutts speaks: The nofollow attribute is just a mechanism that gives web masters the ability to modify PageRank flow
Read more

New Rush for Top Level Domains Begins

It will shortly, if ICANN's new proposal holds up, that is. According to Paul Levins, VP corporate affairs, any domain name will be possible, subject to your imagination, The familiar .com, .net, .org and 18 other suffixes — officially "generic top-level domains" — could be joined by a seemingly endless stream of new ones next year under a landmark change approved last summer by the Internet Corp. for Assigned Names and Numbers, the entity that oversees the Web's address system. Tourists might find information about the Liberty Bell, for example, at a site ending in .philly. A rapper might apply for a web address ending in .hiphop. [...] To beat a competitor to the punch, a company might decide it needs to control a new generic domain, such as .cereal or .detergent, but it would be costly. The currently proposed application fee is $185,000, plus an annual "continuance" fee of $25,000. If more than one company wants a suffix, there could be a bidding w
Read more