How to change Favicon in blogger

Favicon is a small icon shown next to the site URL in the browser's address bar. It is available for all websites with an image type of ico. In blogger, it is an orange colored icon by default. 

By performing the following simple steps you can change this default favicon to your own icon and it will give a good and unique looks to your blog site. Before following the step you need to create your own favicon. There are lot of free favicon generating sites are available or other wise you can create by image editing tools like photoshop or gimp.

Use Blogger Admin feature

Blogger has officially launched feature to change the default favicon through admin section, in the layout tab.
1. Login to your blogger account http://www.blogger.com
2. Then goto the Layout tab
3. In this Layout tab you can see the region called favicon. Click on the edit link
4. A new window will open, there you can select favicon image stored on your computer.
NB: This feature support ico format only
5. After you have selected your image, click the save button. Blogger will automatically resize and upload your image to your blog.

Manually Update the image

For this option you need to host the favicon on a website. A lot of free image hosting sites are available in internet.

1. Login to your blogger account
2. Then goto the Template tab. Before updating the favicon please take a full back up of your blog template.
3. Click on the edit HTML link and then look for the code "<title><data:blog.pageTitle/></title>"
4. Paste the following code right after the above code

<link href=’FaviconURL’ rel=’shortcut icon’ type=’image/x-icon’/>

FaviconURL - is the website address or location where your favicon hosted.

 5. Then save the template. Blog will load with your new favicon.

Read more »

How to remove LinkWithin from homepage, blogger

LinkWithin is a blog widget that appears under each post, linking to related post from your blog archive. It is an awesome "related post" service which provides users to navigate to similar and related articles in the site easily.

In home page and category pages where the multiple posts displayed , you will also see this related post of each article. This is not looking good so here I am explaining how to remove the related post widget from home page and showing this linkWithin in single posts.

• Login to your blogger and then goto Template >> Edit HTML
• Check Expand Widget Templates
• Search “LinkWithin” in your template
• Add the following lines to your code( those in Red)

<b:widget id='HTML1' locked='false' title='LinkWithin' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:content/>
</b:if>
</b:includable>
</b:widget>

Read more »