Monday, June 10, 2013

Add Total Posts & Comments Widget in Blogger



How to show total number of posts and comments widget in blogger blog


Hello Guys! Hope you all are fine. Today I have come with another post for bloggers! You know there are many tips and tricks published for bloggers. You will find them in the blogging category. And several times I have also discussed about adding attractive widgets in blogs. Today I'm gonna share another one with you- Total Posts & Comments Widget.


Adding this code is very easy. All you need is just to add an HTML/ JavaScript Gadget in your site. And before that you must decide where you will place this gadget. It maybe at the bottom, or maybe at the right pane (if any) of your site. Or if your site has any page views/  hit counter then you can place it just before that counter. 

Okay let's start: 
  1. Don't forget to sign in your blogger account. Then go to the blogger control panel I mean design or dashboard. 
  2. Go to the Layout option from the left side. 
  3. There you will find several Add a Gadget options. Select one that is suitable for you. 
  4. Find and select HTML/ JavaScript Gadget. (Usually found at the 11th position)
  5. Now copy and paste the code below in the Content box.
  6. Hit the Save button and rearrange the widget by dragging through by mouse if necessary. 
  7. That's it! View your site to check. 
<script style="text/javascript">function totalPosts(json) {document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}function totalComments(json) {document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');}</script><script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script><script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script>


And also look at the Demo below. This is exactly what you will get in your site after adding the above code in your template. 






Stay with Marks PC Solution to get more interesting IT topics!



No comments:

Post a Comment