728x90 AdSpace

Thursday 12 June 2014

Add Google+ Comment Box in Blogger Template


Share It With Your Friends






After launching the new HTML editor with extra functionality that I think is very helpful, Google also launched a new feature on the bloggers themselves are Comments Google+ for bloggers.
In contrast to the default of the comment thread blogger, this new comment feature uses an iframe to display it. It is like the facebook comments or disc which also uses an iframe.
If you use a template that I made and would like to add this feature you can even follow the following ways:

Adding iframe_comments and Comment Picker

Both of the following code is the code to set the existing comments diblogger. If I noticed this code appears when Google launched Google+ comments to bloggers.

If the following code on your blog is not there please copy and place it on your blog such as the following way:

  • Click on the Dashboard and click Edit HTML Template
  • At the Jump button to select widgets Blog1
  • Then Click on the sign then copy the following code before / above </ b: widget>

<b:includable id='iframe_comments' var='post'> <b:if cond='data:post.allowIframeComments'> <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/> <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/> <b:if cond='data:post.embedCommentForm == &quot;false&quot;'> <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if> </b:if> </b:includable>



<b:includable id='comment_picker' var='post'> <b:if cond='data:post.forceIframeComments'> <b:include data='post' name='iframe_comments'/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> <b:else/> <b:if cond='data:post.commentSource == 1'> <b:include data='post' name='iframe_comments'/> <b:else/> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> </b:if> </b:includable>




  • Then click Save Template 

Setting the Dialling (Comment Picker) 


  • At this stage that is set up where the only comment will appear. The trick is as follows: 
  • Still on the Edit HTML, Find the following code: <b:includable id='main' var='top'> 
  •  pins and replace the following code: 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:if cond='data:post.showThreadedComments'> <b:include data='post' name='threaded_comments'/> <b:else/> <b:include data='post' name='comments'/> </b:if> </b:if>

with code: 

<b:if cond='data:blog.pageType == &quot;static_page&quot;'> <b:include data='post' name='comment_picker'/> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'> <b:include data='post' name='comment_picker'/> </b:if>


  • Then click Save Template 

  • Blogger Comments
  • Facebook Comments

0 Comments:

Post a Comment

Top