How To Display Full Published Posts Counts Inwards Blogger

You mightiness live on interested inwards displaying the sum issue of posts you lot convey published on your blog? You mightiness wishing to allow your readers know that how much worth reading articles or posts your weblog has produced for them?  Recently, 1 of our followers tweet us bespeak almost a agency to display sum issue of post published on his site. However, Blogger practise non allow you lot to display the Total Published Post Count yesteryear default, only happily nosotros convey developed a plugin that accurately displays the sum published post count inwards blogger. Today inwards this article, nosotros volition present you lot how to display sum published posts counts inwards Blogger.

Before proceeding farther delight depository fiscal establishment tally the demo of the widget hither (you volition notice the widget at the plough over of the sidebar).

The real offset affair you lot must practise is to login into your Blogger account. Once you lot are successfully logged inwards from Blogger dashboard larn to Your Blog ›› Layout ›› Add a Gadget ›› Add HTML/JavaScript ›› together with glue the next slice of JavaScript coding inwards the HTML Text Box.

<script style="text/javascript">
// Total Published Posts Counts for Blogger
// =============================
// Author: Syed Faizan Ali
//Version:2.0
component numposts(json) {
document.write('<div id="totalposts">');
document.write('<div id="titlep">MyBloggerLab was launched on<br/> Jan 5, 2012.</div>');
document.write('<div id="descriptionp">Quality Blogger Tutorials together with articles<br/> together with counting!</div>');
var _0x13e7=["\x57\x65\x20\x68\x61\x76\x65\x20\x61\x20\x74\x6F\x74\x61\x6C\x20\x6F\x66\x3C\x62\x72\x2F\x3E\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x63\x6F\x75\x6E\x74\x70\x22\x3E\x20","\x24\x74","\x6F\x70\x65\x6E\x53\x65\x61\x72\x63\x68\x24\x74\x6F\x74\x61\x6C\x52\x65\x73\x75\x6C\x74\x73","\x66\x65\x65\x64","\x20\x50\x6F\x73\x74\x73\x20\x3C\x2F\x64\x69\x76\x3E\x20\x3C\x62\x72\x2F\x3E\x3C\x64\x69\x76\x20\x69\x64\x3D\x22\x70\x6F\x73\x74\x63\x6F\x70\x79\x22\x3E\x41\x20\x57\x69\x64\x67\x65\x74\x20\x62\x79\x3A\x20\x3C\x61\x20\x68\x72\x65\x66\x3D\x22\x68\x74\x74\x70\x3A\x2F\x2F\x77\x77\x77\x2E\x6D\x79\x62\x6C\x6F\x67\x67\x65\x72\x6C\x61\x62\x2E\x63\x6F\x6D\x22\x3E\x4D\x79\x42\x6C\x6F\x67\x67\x65\x72\x4C\x61\x62\x2E\x63\x6F\x6D\x3C\x2F\x61\x3E\x3C\x2F\x64\x69\x76\x3E\x3C\x2F\x64\x69\x76\x3E","\x77\x72\x69\x74\x65"];document[_0x13e7[5]](_0x13e7[0]+json[_0x13e7[3]][_0x13e7[2]][_0x13e7[1]]+_0x13e7[4]);
}
</script><script src="/feeds/posts/default?alt=json-in-script&callback=numposts"></script>

Once you lot convey successfully added the to a higher house code, press “Save Button” at the bottom together with this makes you lot ii steps closer to the complete trouble together with then deed to the side yesteryear side footstep ahead.

Now glue the next CSS coding to a higher house the ]]></b:skin> tag acquaint inwards the template. You tin alter its style, color, fonts according to your wishing needs. Once done, salvage your template.

div#totalposts {
  font-size: 14px;
  text-align: center;
  float: left;
  border: 1px corporation #d2d2d2;
  padding: 20px;
  background: #FCFCFC;
}

div#titlep {
    float: left;
    width: 100%;
    border-bottom: 1px corporation #d2d2d2;
    padding-bottom: 15px;
    margin-bottom: 14px;
}

div#countp {
    font-size: 40px;
    font-weight: bold;
    color: rgb(241, 126, 0);
    float: left;
    width: 100%;
    line-height: 40px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#descriptionp {
  float: left;
  width: 100%;
  border-bottom: 1px corporation #d2d2d2;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

div#postcopy {
    float: left;
    width: 100%;
    text-align: center;
    margin-top: 5px;
}

Congratulations: You convey successfully added a plugin to your website that displays sum published post counts inwards your blogger BlogSpot site. Go together with depository fiscal establishment tally your weblog together with bask the accurate counting of the widget. The widget is automatic together with then you lot don’t convey to worry almost updating it over again together with again.

We promise this tutorial mightiness plough out useful for you lot together with you lot tin purpose it inwards your side yesteryear side project. This widget could live on useful to allow your novel readers know that how useful data or articles your site convey covered. If you lot liked this widget, delight practise us a favor together with percentage it amongst your friends at Facebook, Google or twitter.