Steps to implement Google plus comment on custom Templates

I have made several researches online this week, on how to implement Google plus commenting system on a custom blogger Template. I was able to come up  with this solution, which I well know will be of great benefit to you, my fellow bloggers.
Based on my research this week, I was able to dig out Two major techniques from bloggerhow.com, that can be used to implement this commenting system on your custom blogger Template. 
You could pay a visit to that weblog for more information about Google plus comment.


So many bloggers have difficulties on setting up this Google plus commenting system on their custom templates. In some forums I visited earlier this week I come to observe that so many bloggers have complained excessively on how to implement Google plus commenting system to their respective custom blogger Template. Although, if it were default blogger template it would have been much more easier like following this simple steps on my previous post.

NOTE: In case you are using the blogger default template, you can follow my previous post. But if you make use of a custom template on your blogger blog follow the bellow step closely.

From this post we are going to discuss about two major Methods that  can be used to set up this system. Below highlights the methods:
Method 1: Editing your Template to feature both Google plus comment and default blogger comment.
Method 2: editing your Template to feature Google plus comment ONLY.

Method 1:
Bellow are the step by step guides;

• Go to your Blogger Template > Click on Edit HTML
• Click inside the HTML source code and press Ctrl + F to search for the bellow code

      <b:includable id='comment-form' var='post'>

• Within the right side of the above code you will notice an arrow. Expand the arrow
• Add the following line of code bellow the above code at the next line

   <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl'

save the Template. And you are done

The picture bellow illustrates the step:

Method 2:

To implement this method find the following code using Ctrl + F, it is difficult to locate and find this code the best thing to do is to expand many possible arrows in the Template as possible.

<b:if cond='data:post.showThreadedComments'>
        <b:include data='post' name='threaded_comments'/>
     <b:else/>
         <b:include data='post' name='comments'/>
     </b:if>

1. Replace the above code with the bellow code:

<b:include data='post' name='comment_picker'/>

1. Save the Template, you are good to go.

That all you need to get your custom blogger Template going with Google plus comment.
Hope this Helps.

We love comments. If you have any questions or suggestions please do well to share them on the comment box bellow. Labels:Videos Blogging Tips