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>function mbhTotalCount(json) {document.write(parseInt(json.feed.openSearch$totalResults.$t,10));}</script><div style="font: 15px Georgia;">
Total Posts: <script src="http://www.markspcsolution.com/feeds/posts/default?alt=json-in-script&amp;callback=mbhTotalCount"></script></div>
<div style="font: 15px Georgia;">
Total Comments: <script src="http://www.markspcsolution.com/feeds/comments/default?alt=json-in-script&amp;callback=mbhTotalCount"></script></div>

Just replace my URL (red part) with yours. 

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. 

Total Posts:
Total Comments:


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



7 comments:

  1. ys i am following your tips for doing blogs.........
    it consulting

    ReplyDelete
    Replies
    1. It's our pleasure buddy! :)

      Keep in touch . . . .

      Delete
  2. Good article! We will be linking to this particularly great article on our site. Keep up the great writing.

    شركات نقل العفش بجدة
    http://prokr.com/furniture-transfer-company/
    نقل عفش بمكة
    http://albyaan.com/movers-mecca/
    شركات نقل عفش
    http://prokr.org/
    نقل العفش بجدة والمنطقة الغربية
    http://shoala.net/movers/jeddah-western-region-companies/

    ReplyDelete
  3. Everything is very open with a precise explanation of the issues. It was definitely informative.
    عقارات جدة
    3kary.com
    شقق للإيجار بجدة
    http://3kary.com/property-status/apartments-for-rent/
    شقق للبيع بجدة
    http://3kary.com/property-status/apartments-for-sale/

    ReplyDelete
  4. we are ready to send you men who are able to help you in pest control you need in your home
    http://www.mazayapestcontrol.com/

    ReplyDelete
  5. I really appreciate your article. the post has excellent tips which are useful. this post is good in regards of both knowledge as well as information.cleaning apartment

    ReplyDelete