GOOGLE COMMENT BOX FOR BLOGGER

Tuesday, 1 October 2013

GOOGLE COMMENT BOX FOR BLOGGER

-------------------------------------------------------------------------------------------------------
I USE THIS METHOD BLOGGER TEMPLATE
Blogger Template Style
Name: Simple
Designer: Josh Peterson
URL: www.noaesthetic.com
--------------------------------------------------------------------------------------------------------

Go to Template > Edit HTML
Click inside the Template Editor window and Press CTRL + F to find<b:includable id='comment-form' var='post'>
Click on the arrow to expand the widget code

Add following code as next line

<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

Now save the Template
You are done.

--------------------------------------------------------------------------------------------------------
OR USE THIS METHOD FIND BELOW LINE AND REPLACE WITH BELOW CODE

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

-------------------------------------------------------------------------------------------------------

<b:includable id='comment-form' var='post'>
<div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>
<div class='comment-form'>
<a name='comment-form'/>
<b:if cond='data:mobile'>
<h4 id='comment-post-message'>
<a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
<b:else/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
</b:if>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>