How To Add Top Commentator Widget In Blogger ?

Showing Top Commentator Widget on your blog/website make it attractive. It force other visitors to drop comment on your blog. High number of comments from visitors shows interest and popularity of particular post. Adding top commentator widget will attract new visitors to read topic and give suitable comment. Comments plays important role in any blog/website popularity. Positive and negative comments have their own aspects. Peoples mostly want to see positive comments. They also check response to every negative comment from your side. So keep very close attention to these comments. You may lose your loyal visitor or get new subscriber through your particular behavior to these comments. 
So how to add top commentator widget in blogger blog. Here is very simple solution for you. Read below steps carefully.

Adding Top Commentator Widget

 There are many ways to add top commentator widget but we are going for Disqus top commentator widget. For this you first need to install disqus comments box in your blog. After that you will add code and all will be clear.

1. Go to Disqus website.

2. Register your account and your blog.

3. Add Disqus comment box in your blog.

• How To Install Disqus Comments System in Blogger ?

4. If you have already installed Disqus comments system you don't need to follow above steps. If you don't know how to install it then read read my above mentioned article. 

5. After adding Disqus comments system you need to follow below steps.

6. Go to Layout ==>Add a Gadget ==> Select HTML/Javascript.

7. Paste the below code in that box.

<div id="topcommenters" class="dsq-widget"> <script type="text/javascript" src="http://howdoblog.disqus.com/top_commenters_widget.js?num_items=5&hide_mods=1&hide_avatar_size=32"></script></div>

8. Save it and reposition your new Gadget by moving it on sidebar.

9. Save the blog setting and view your newly added widget.

10. Change howdoblog.com with your blog/website name.

You can customize it :

• Change total number of shown commenters : num_items=5  (Currently it is five)
• Skip top commenters : hide_mods=1 (I skipped Yourself or any blog moderator as top commenter) 

To see the demo scroll down this post and look at the end of sidebar.
This is all for today. If you face any problem in installing it you can mention it in comments. We will help you out. Get subscribed to get daily updates in your inbox. Have a Nice Day.

Read More

How To Install Disqus Comments System in Blogger ?

Disqus comments system is very popular on web. They are providing excellent services and free of cost for commenters and also for website owners. They have designed very beautifully and you can comment using facebook, twitter, Google+ and Disqus ID. They have stars which shows reputation of any user. You will feel very comfortable after installing this widget. It is available for most of the blogging platforms used online. Method is very simple for everyone. In this section i will guide you about how to install it in blogger. This will be step by step guide for you.

Adding Disqus Comments System

First you need to create account on Disqus. After that you will be able to install this comment system on your blog/website. Follow these steps

1. Go to Disqus website. Click on signup

2. You will see this type of window. Fill it up and click on continue.

3. You will be redirected to main page. 

4. Click on setting than Install and select your blogging platform. 

5. Here i am selecting blogger as my platform.

6. Select first option as shown below.

7. Now  you have to select your blog and click on Add Widget.

8. After completing this save blog setting and view any of your post. You will see Disqus comment box present below each post.

You have option to import old blogger comments on your new disqus comments system. For that you have to follow the instruction mention in disqus help section. This will normally take 24 to 48 hours for complete importing of your old comments. 
This comments system is very unique. You can like or dislike any comment. Your this action will be recorded and spammer get lower reputation. It's thread like comments. You can reply to everyone individually. You will be shown as moderator. You can add your information in Disqus profile and also avatar. Commenters can aslo add image of their choice in comments. All of this data is hosted on Disqus server. There is no load on your side.
That's all about the new and emerging comments system on web. If you face any problem at any stem do mention in comments. Get subscribe to get daily updates in your inbox. Have a Nice Day.

Update: 

To enable disqus comments system for mobile in blogger you need to add few line codes. 

1. Go to Layout==> Edit HTML==> Proceed
2. Press Ctrl+F and search for "Disqus"
3. Add below code as shown in image.
  mobile='yes' after locked='false'

4. Now save the template.
5. Thanks for Michael Hazell help in comments. 

Read More

How To Customize Author Comments In Blogger ?

Comments plays an important role in increasing your blog popularity. More efficient you manage your comments more you will get loyal readership. In comments mostly peoples discuss about their problem but there are also spammers. You have no concern with spammers but you need to be focus on your loyal or regular visitors. Most efficiently you manage more you get the traffic. For this you need to have unique comment session so that you visitors don't need to read each and every comment. So for doing this we must make our comments different from others. So today tutorial will only tell you how to customize your comment session. Let's see how to do this.

Customize Author Comments in Blogger

1. Go to your Blogger account.

2. Go to Blogger Dashboard==>Templates==> Edit HTML and then click on proceed(Check Expand Widget Template).

3. Now search for below code by pressing Ctrl+F.

<p><data:comment.body/></p>

4. Replace this whole line with the code below. 

<!--author comments highlighter by http://www.howdoblog.com--> <b:if cond='data:comment.author == data:post.author'> <p style='border:1px solid #008e00;border-radius: 10px; color:#C33838;font-size:18px; width:480px; font-family:Cambria ; padding:5px;'> <data:comment.body/></p> <b:else/> <p><data:comment.body/></p> </b:if> <!--author comments highlight End by http://www.howdoblog.com-->

5. This will look like below.....

6.If you want change you can customize it by yourself. 

• border:1px solid #008e00  (Change width of this round border and its colour)
• border-radius: 10px   (How round these corners should be ?)
• color:#C33838   (Color of font used)
• font-size:18px   (Font Size)
• font-family:Cambria  (Font Family, You can change to anyone you like)

This is all for today. If you feel any problem do mention in comments. I will surely try to help you out. Subscribe to get all of updates. Have a Nice Day.

Read More