Blogger in Draft Favicon Upload Shows on Blog List

How to show favicon on Blogger's Blog List gadget?
How to show favicon on Blogger's Blog List widget?
How to show customized favicon on Blogger's Blog List gadget?
How to show customized favicon on Blogger's Blog List widget?
How to replace Blogger default favicon with customized favicon?
How to replace Blogspot default favicon with customized favicon?

To know how, please go to How to Add Favicon with Blogger in Draft for the step by step guide.

After uploading, you'll see the new customized/uploaded favicon on the Blogger Page Element page.



The interesting thing about uploading your customized favicon with this new feature on Blogger in Draft is - the favicon shows on the Blogger's Blog List element when being linked.

Here's an example...



Normally, when the conventional favicon adding via HTML method is used, the customized favicon won't appear on the Blog List and the default Blogger favicon remains there.

But with this new customized Favicon Upload feature, Blogger has certainly took a big step in fulfilling what the Blogger bloggers need - a favicon for the blog's identity!

Tweet

How to Add Favicon with Blogger in Draft

How to add favicon?
How to create favicon for Blogger blog?
How to create favicon for Blogspot blog?
How to add favicon to Blogger blog?
How to add favicon to Blogspot blog?

Back then, you'll need to play around with the blog HTML code in order to have a customized favicon. But now, you can add a favicon easily with Blogger in Draft!

Here's how.

First, go to Blogger in Draft. Then go to Dashboard > Design.



There is a Favicon page element where you can add your own customized favicon by clicking on the "Edit" link.



A pop-up window will appear and all you have to do is to select the favicon (with an .ico format) from your computer and just save it! As easy as that.

If you're not sure on how to create a favicon .ico file, continue reading.

---

How to create favicon (.ico) file?

Firstly, an icon is required. You can either use an online icon creator (which may not be user-friendly) or Photoshop.

Once you've designed your icon, save it as an image file. Next, proceed to the online icon generator to generate the icon. There, upload your saved favicon image, select icon size 16x16 and generate it. Once it's done, download the icon into your computer.

Then you can use the downloaded icon and select it as the favicon (.ico) file.

Tweet

How To Add Favicon To Blogger Blog

How to add favicon?
How to create favicon for blog?

Here is a simple way to create a favicon for your very own blog!

Firstly, an icon is required. You can either use an online icon creator (which I think is not user-friendly) or Photoshop.

Once you've designed your icon, save it as an image file. Next, proceed to the online icon generator to generate the icon. There, upload your saved favicon image, select icon size 16x16 and generate it. Once it's done, download the icon into your computer.

Then, upload the downloaded .ico image file to the Internet, use Windows Live SkyDrive or any image uploader that supports icon, and get the icon URL there.

Attention: To get the right icon URL after uploading to SkyDrive, keep clicking on the image until it appears on the browser by itself. Then copy the URL from the address bar.

Next, follow this instructions.

• Go to your Blogger dashboard
• Click manage: Layout
• Click 'Edit HTML' below the Layout tab

There, search for a code line like this:

<title><data:blog.pagetitle/></title>

Then, copy and add the code below the line and replace "your favicon URL" with your favicon's URL.

<link href='your favicon URL' rel='icon' type='image/vnd.microsoft.icon'/>

Save it and have a look at your blog. You should be able to see your small Favicon next to your blog address.

Take note: If you're using older versions of Internet Explorer, you might not be able to see the icon. Firefox on the other hand shows the icon well in bookmarks, URL addresses and tabs.

Hope you'll like it. Feel free to ask if you've any doubts. =)

Tweet

Blog Favicon

How to add favorite icon to blog?
How to get favicon for blogger blog?
How to add favicon to blog?

Follow this LINK to learn how to add a favicon to your blogger blog now!

Tweet