Add +1 Button On Blogger Comments

Everyone wants to be appreciated, everyone wants to be addressed. Everyone wants to socialize everything. And we know that because we are human. In the world of bloggers, share to social networking is very necessary. However, to appreciate that has been comment is also very necessary. By providing a plus one to the commentators make it can be fulfilled. They not only treated with respect, but also had the opportunity of a plus one from users.

The idea came when we realized the importance of share button when viewed in terms of psychosis. Someone will be very happy if his comments appreciated in social networking, especially google's social networking. But, unfortunately, blogger does not provide that service. Therefore, we need to do a few simple tricks, but very valuable.

This tutorial is actually a continuation from the previous topics about widgets share. And this post is one of the application. When you have installed <script type="text/javascript" src="https://apis.google.com/js/plusone.js">, then the next step is to simply add the code <g: plusone expr: href = 'data: comment.url' size = 'small' width = '120 '/>. However, if you have not put <script type="text/javascript" src="https://apis.google.com/js/plusone.js">, then you should put it first. You can put it before </ head> or before </ body>.

The first step, enter into blogger.com account, and then click the Design tab -> Edit HTML. Give the checklist on the Expand Widget Templates. Put the code <script type="text/javascript" src="https://apis.google.com/js/plusone.js"> before </ head> or before </ body>. After that, find the following code

<dd class='comment-footer'> <span class='comment-timestamp'> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd>  

replace that code with the following code

<dd class='comment-footer'> <span class='comment-timestamp'> <g:plusone expr:href='data:comment.url' size='small' width='120'/> <a expr:href='data:comment.url' title='comment permalink'> <data:comment.timestamp/> </a> <b:include data='comment' name='commentDeleteIcon'/> </span> </dd>  

then save. Done, now please look at the results. To be clear, our advice you should create a user account from google plus.

The second step, let's respect each other through social networking.