One of the most common complaints about Blogger’s comment form is that it’s on a separate page from the post, styled in a way that doesn’t match the blog. Finally, an embedded inline comments form is now available for Blogger blog.
To turn on the embedded comments form just follow this simple steps:
1. You must log in to Draft.blogger.com.
2. Go to Settings > Comments.
3. Scroll down and see Comment form placement options. Choose Embedded below post (as shown below) then Save settings:
4. Now follow the Update below.
UPDATE:
After the above steps, Go to Layout > Edit HTML. Be sure to click Expand all Widgets and search for this code below:
Add this code below after the above code:
Then save your template and view a post page in your blog to see your beautiful inline comments form.
UPDATE 2:
If the Update above doesn't worked. Try this steps, Go to Layout > Edit HTML. Be sure to clickExpand all Widgets and search for this code below:
Replace the following code above with this code:
Then save your template. Make sure that you have done all these things from Draft.blogger.comDashboard.Otherwise it will not work.
Feel free to ask me a questions regarding this tutorial if you have any problems! Have a Nice Blog! :-)
To turn on the embedded comments form just follow this simple steps:
1. You must log in to Draft.blogger.com.
2. Go to Settings > Comments.
3. Scroll down and see Comment form placement options. Choose Embedded below post (as shown below) then Save settings:
4. Now follow the Update below.
UPDATE:
After the above steps, Go to Layout > Edit HTML. Be sure to click Expand all Widgets and search for this code below:
<b:include data='post' name='comments'/>
Add this code below after the above code:
<b:include data='post' name='comment-form'/>
Then save your template and view a post page in your blog to see your beautiful inline comments form.
UPDATE 2:
If the Update above doesn't worked. Try this steps, Go to Layout > Edit HTML. Be sure to clickExpand all Widgets and search for this code below:
<p class='comment-footer'> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if></p>
Replace the following code above with this code:
<p class='comment-footer'> <b:if cond='data:post.embedCommentForm'> <b:include data='post' name='comment-form'/> <b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a> </b:if></b:if> </p>
Then save your template. Make sure that you have done all these things from Draft.blogger.comDashboard.Otherwise it will not work.
Feel free to ask me a questions regarding this tutorial if you have any problems! Have a Nice Blog! :-)
Categories:
Blog Tips and Tricks,
Plugin