How to Add or Display Favicon on your Blogger Blog

Favicons are generally small sized icons associated with a blog. These icons are displayed beside your blog’s URL so that anyone who visits your blog can see the favicon. Favicon gives your blog an unique value since your blog gets it’s own branded favicon which displays the theme of your blog or site. These favicons are small sized 16 x 16 or 32 x 32 icons. Here is the tutorial on how to display or add favicon to Blogger blog.
Favicons works as a logo since people tend to recognize a site from it’s favicon. If we see “g” or “Y!”, we come to know that this page belongs to Google and Yahoo! respectively. Adding a favicon to blogger blog is a nice step to add more value to your blog and help people to identify your site easily. Favicons can be in any format such as PNG, GIF, JPG etc and we need to convert it to .ICO format to set it as a favicon. Do note that you can not only make static favicons but you can also make animated favicons for your blogger blogs.
How to create favicon for blogger blogs :

1. First you need to create one favicon. Navigate to any of the following online favicon generators are create one favicon for your blog :
   
   
   1. Dynamic Drive
   2. Favicon.cc
   3. HTML Kit
   4. Anti Favicon
   5. Degraeve
2. Now upload the favicon to any of the image sharing websites such as Photobucket, Imageshack etc and get the link to your favicon
3. Login to your Blogger dashboard and navigate to Layout >> Edit HTML >> search for and then paste the following piece of code just below :
4. Replace IMAGE URL HERE with the actual link to your uploaded favicon and save the template
5. You are done.

Now your blog should display your new favicon. If you want to keep an animated favicon for your blog, you can create animated favicons online at HTML Kit. If you want to keep any static and attractive favicon, you can choose one from the below favicon images.

How to insert google ads in the middle of the post

As the title above, this time will discuss how to insert google ads in the middle of the post. Wordpress not only are able to do it, blogspot also. By placing an ad in the middle of posts, the bloggers expect an increase in clicks on the ad. Just like putting adsense in the title or put adsense ads on the bottom post. The way to do fairly easily, too, namely As your Ordinary login first

1. Select the layout and EDIT HTML
2. Backup your template first
3. On the other hand, make google ads, for example 250x250
4. Parse the resulting HTML code
5. Back to blogspot
6. Check expand widget templates
7. Look for this code
8. <div class='post-header-line-1'/>
9. Put this code under the code above
10. <div class='gads' style='float:left; padding: 4px'>Parsed Google Ad Code </div>
11. Replace "Parsed Google Ad code" with Parsed code
12. Save

Enjoy customizing your blog.

Add Social Bookmarking Buttons

To add social book marking buttons just do this.

1. Login to your dashboard. Navigate to "Layout>>Edit HTML" from your dashboard. Make a back up of your template before you do any changes in the template.

2. Now, expand your template, that is, make sure that you have a tick mark in that "Expand Widget Template". Now, do a search using "CTRL+F" for the following line:

3. Download any one of the following text documents, that is, download the first text file for installing large icons below your blog posts. If you want small icons below your blog posts, then download the second file.

Large Social Bookmarking Button - File One
Small Social Bookmarking Button - File Two

4. Open the text document. Paste the code that you see in the text document just below the line in step 2.

5. Preview your template to check for errors in HTML code. Thats all folks!!! If you find any error, let me know via comments. Else, Save your template and enjoy those cool icons below every blog post you do.

If you liked my post then,