Total Post Counter For Blogger

Hello Guys, today i post one good and most simple but very useful widget for every blogger.

Total Post Counter with this widget your user know how much post in your blog. Here is the 3 Step and get this widget....

1. Login in blogger and go to the Template.

2. Press CTRL+F and find the </head>.

3. Paste the following code above it. 

<script type='text/javascript'>

//<![CDATA[

function getposts(json){

var totalposts=json.feed.openSearch$totalResults.$t;

document.write('<div class="totalposts"><span class="totalnumber">'+totalposts+'</span><span class="totallabel">Posts</span></div>');

}

//]]></script>

-------------------------------------------------------------------------

4. Now find the //]]></b:skin> with CTRL+F

5. Paste the following code above it.

.totalposts{

  background:#eee;

  color:#222;

  padding:10px 15px;

  display:inline-block;

  box-shadow:0 1px 1px rgba(0,0,0,0.2);

  text-align:center;

}

.totalposts .totalnumber{

    font:700 18px 'open sans','Segoe Ui',sans-serif;

  display:block;

}

.totalposts .totallabel{

  display:block;

  font:700 12px 'open sans','Segoe Ui',sans-serif;

  color:#00bfff;

}

-------------------------------------------------------------------------

6. Save template.

7. Go to the Layout and add HTML/Javascripts.

8. Paste following code.

<script src="http://all1tech.blogspot.in//feeds/posts/default?alt=json-in-script&callback=getposts"></script>

---------------------------------------------------------------------------------------------------

Replace the link of all1tech.blogspot.in and change with your url and save it all done.

If you like then come and join me i am try to find new blogger tricks and software also i hope you like......