Do you want to make a new embedded blogger comment box under the blog post? If yes, read the rest of this article. In this tutorial, i would like to discuss about making a blogger comment box under the post.
Interested to apply this tutorial on your blog? Just read the rest guys!
1. Log in to Blogger through Blogger Draft
Now, log in to Blogger through Blogger Draft by typing http://draft.blogger.com in the URL address (Blogger Draft is a page provided by Blogger where every new development of Blogger features is tested on this page, so it's like some kind of beta test from Blogger's new widget or feature, so don't be afraid to sign in to your account through Blogger Draft, it's guaranteed safe)
2. Next go to Setting
In the Dashboard page in Blogger in Draft account, you will see exactly the same control panel with the regular Blogger Account. Now pick your blog you want to customize, and then press the Setting button. By pressing the Setting button, you will be automatically brought to the new page regarding the configuration of all the elements in your blog, including the blogger comment box.
3. Switch to the Comments sub-tab
In the Setting page, there are 9 sub-tabs that can be switched. Now press the sub-tab Comment in the Setting area. By pressing the sub-tab Comment, you will enter the configuration regarding the appearance of your blogger comment box.
4. Find the Comment Form Placement option
Now scroll down little bit and find the option "Comment Form Placement". After finding the Comment Form Placement option, now give a tick at the "Embedded below post". By choosing the Embedded Below Post option, your blogger comment box will be automatically changed into a new embedded blogger comment box under the post article.
5. Save the change
Now save the change by pressing the Save Setting button on the bottom position. Now you can see the result directly to your post article page, not your homepage.
Troubleshooting: Why the comment box is not changing to embedded blogger comment box?
Anyway, if the steps above doesn't work, you can manually through the Edit HTML page. Follow the following steps below:
1. Log in to Blogger
To begin this tutorial, now go to Blogger.com and Log in to your Blogger account.
2. Go to Edit HTML
In the Dashboard page, pick one of your blog and go to the Layout/Design page. In the Page Element, now head on to Edit HTML page.
3. Give a tick at the Expand Template widget box.
In the Edit HTML Page, there is one small box called Expand Widget Template next to it, now press or give a check mark that small box.
Anyway, before doing any kind of customization, now click at the link Download Full Template.
In order to modify the blogger comment box, you must firstly enter the Find mode on your browser. Now find the 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>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</p>
5. Replace the code
Now block all the codes above, and then replace it by using the code below. The new blogger comment box under the post will be installed to your blog.
<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>
<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>
6. Save the change
Save the template and see the result of your new blogger comment box by pushing the Preview button.
You might also like to read :
Share This Article to Other People Across the World !
Thanks!
Get the fresh update from Whatmakesblog.com!
To get updates from this blog, just enter your email address in the below subscription form and then click Subscribe.
Your email address will not be shared to any third party
Delivered by FeedBurner
Labels:
Comments
0 comments:
Post a Comment