Add Customize Google +1 Button in Blogger

| |
We have the Google+1 Button Widget in blogger , but with this tricks that helps you to change the standard of Google +1 Button to be smaller , bigger that depends on you.

Google +1 Button in Blogger

Here is the instruction how to install it :

Step 1 : Blogger Dashboard -> Template -> Edit HTML
Step 2 : Search for this code


Step 3 : Paste this code below above </head>

<script type="text/javascript" src=""> {lang: 'en-US'} </script>
Step 4 : Click on " Expand Widget Templates " and search for this code :


Step 5 : Paste the code below above it 

<div style='float:left'>
<g:plusone size="standard" expr:href="data:post.url"/>
  • You can display it to "left" and "right" by adjusting left
  • You can change standard to medium, small or tall. Choose the size that may blend your template.
Tall, small, Medium Respectively:
Step 6 : Save it and enjoy your template
Read More

Recent Comments Widget For Blogger

| |
There are many tricks to add the recent comments widget for blogger, today i would like to show you the easy way to do it without any adding HTML code in your template.

Here is the instruction to install the recent comments widget:

Step 1 : Blogger Dashboard -> Layout -> Add a Widget -> Feed

Recent Comments Widget For Blogger

Step 2 : Add your feed URL to this Feed like the link below

Recent Comments Widget For Blogger
Step 3 : Click " Continue "

Recent Comments Widget For Blogger

Step 4 : Change the title of the widget such as " Lastest Comments or Recent Comments " .

That blogger tutorials is very easy to set up and hope you like this tips. 
Read More

Adding Random Banner Widget in Blogger

| |

Random banner widget is the best way to promote your blog content or to promote your advertisements on your blog.....every time your visitor will see a random banner of your post/advert on your blog.....

Now you just follow these blogger tutorials to set it up:

Step 1 : Blogger Dashboard go to " Layout " and " Add a widget "
Step 2 : Select " HTML/Javascript"
Step 3 : Paste these code below in this widget 

<script language="JavaScript"> 
images = new Array(3);
images[0] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-1' border='0' height='60px' width='468px' ></a>";
images[1] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-2' border='0' height='60px' width='468px' ></a>";
images[2] = "<a href = 'URL OF ADVERTISER' rel='nofollow' ><img src='URL OF BANNER’S IMAGE-3' border='0' height='60px' width='468px' ></a>";
index = Math.floor(Math.random() * images.length); 

Now Change URL OF ADVERTISER with your links and  URL OF BANNER’S IMAGE-1/2/3 with your images.
You can also change height and width of pics by chaning  height='60px' width='468px' . 
You can also add more banners by changing the script 

Blogger Tutorials from Hardeep Asrani ( )
Read More

How to Add a Comment Counter to Disqus in Blogger ?

| |
If you prefer not to use Blogger’s default commenting system you can use another commenting platform instead such as Disqus. Although it ranks as one of the popular ones out there, it still has its own shortcomings, one of which is the lack of a counter.

Many Disqus users admit that one the things they wish they had is the counter, which helps them keep track of the number of comments.
How to Add a Comment Counter to Disqus in Blogger

Fortunately, there’s a hack to fix this and Hammad Baig ( admin of Techtutshub ) was nice enough to share and post a quick short tutorial on how you can add a counter to your Disqus comments.

Follow the instructions below and be sure to back up your template to be on the safe side.

Step 1 : From your Blogger dashboard go to ‘Template’
Step 2 : Then  ‘Edit HTML’ Click on the ‘Expand Widget Templates’ box to put a check mark in it
Step 3 : Search for this line of code inside your template by pressing ‘Ctrl+F’

<div class='post-header-line-1'/>
Step 4 :  Copy/paste this below and immediately after it

<!-- Disqus Comment Count Start-->
<a class='dsq-comment-count comment-link commentslink' 
expr:href='data:post.url + &quot;#disqus_thread&quot;'/> 
<!--Disqus Comment Count End-->
Step 5. Save your template and that’s it!

Now you should have the number of comments displayed just below the post’s title, right next to the date.

Via Allblogtools
Read More

Optimizing Blogger Title Tags for better SEO

| |
This Blogger tutorial explains how to improve search engine optimization (SEO) of your Blogger blog (Blogspot blog) by optimizing your post title tags for search engines like Google and Yahoo. How to improve search engine results by optimizing post title tags.

By default your Blogger blog (Blogspot blog) does not have search engine optimised title tags. This puts your blog at a disadvantage compared to other blogs that have inbuilt SEO or enhanced SEO modules as these sites are likely to be placed more highly in search engine results.

The title tags of your blog are ordered by blog name first followed by the title of the post. This is not ideal for popular search engines like Google and Yahoo which give more importance to the first words of a title. By way of example take a look at how the title tags of this blog were viewed in a browser before any SEO. Note the order of the tags: Blog Name | Post Name.

How Blogger Title Tags are viewed in an IE browser

When this site was first indexed by Google this is the search engine results this site received. Note how the blog name is first in all the results.

Search engine result for before the tweak

Fortunately there is a simple tweak to your template which can rectify this problem. By simply reversing the position of the blog name and page title significant improvement can be gained in search engine results. See the difference in the example below:

How Your Blogger Title Tags are viewed in your browser with change

Follow the step by step guide below to achieve higher rankings in search engine results.

Tweak of Title Tags for New Blogger (beta) Blogs

1. Login to your blog at and navigate to Design > Edit HTML

2. Backup your template by downloading it to your computer. This will ensure that you can upload your template before these changes in case of problems.

3. Replace the following line of code (about 5-10 lines from the top):


with (highlight code, Ctrl + C to copy)

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<title><data:blog.pageName/> |

4. Click on Save Template and then View Blog. Navigate to an individual post. You will see that your page title is now first followed by your blog title. A pipe symbol separates the two.

Below is an example of the change in search engine results since the tweak was implemented for this site. Since optimising for search engine friendly page titles there has been a significant improvement in traffic accessing the site. This didn't happen right away but if you too implement this page title tweak and continue to deliver quality content you are on your way toward higher search engine rankings.

Blog Know How Search Engine Results in Google with Title Tags Tweaked

Several readers have reported issues with the line:

<b:if cond='data:blog.pageType == &quot;item&quot;'>

If you experience problems try inserting this line instead which works on many blogs. Ensure you have double quote marks around item followed by a single quote mark:

<b:if cond='data:blog.pageType == "item"'>

For more on this please read the comments section.

Due to the number of readers experiencing problems with their browsers reading this post I have created a PDF file of this article which is free to download

This Blogger tutorial (Blogspot tutorial) has discussed how to adapt the title tags of a Blogger (Blogspot) blog to improve search engine optimization (SEO) by Google,Yahoo and other search engines.

Via BlogKnowHow
Read More
Powered by Blogger.