How add comments form beneath the Post

How to add the comments form beneath the blogger post :

Today i am gonna to show that how we can enable or add the comments form beneath the blogger post this very easy and you need simple customization for this to make.
The has developed so many Features in which the Blogger has developed inline comments form That can activated through blogger in draft. To enable this feature on your blogger you need to sign in in your blogger dashboard.by mean Blogger in Draft. Then click on setting and then comments and then scroll down the page to see the new Comments form placement Setting.


   And check the radio setting for the ( Embedded Below The Post) That will enable the display of comment form below the blogger posts.If have a customized template.Then for this this comments to you need change in you template HTML.

1st Step:

              Open your blogger dashboard and then open my blog then click on template and then edit HTML.  




2nd Step :

              In this step click left button of the mouse and then press Ctrl+F the searching box will open and then search of the given HTML code  as 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>


3rd Step:

              In this step replace it with the Given HTML codes as below..

<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>

4th Step:

                   In this step click on save HTML then the changes will be saved .

                                       <::: 2nd Way:::>


      If you have problem with the above its due to your blogger template Then  you can follow the following
way.
In way search for the following HTML codes as given below.  


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

After this link Add the following codes.

<b:include data='post' name='comment-form'/>

 And then Click on save HTML and the changes are saved in your blogger.
If you have any problem with this you can comments below.
I will try to salve your problem.
Thank you!

In blog Show Posts author,Labels,Coments and Date with Icons below title of Article(Post) In blog


How Display post author,labels,date and comments with Icons:

                        Hello,
                                                        Today I am gonna to show How we can make an article /post in blogger more informative By blog author name ,Comments count link,Labels and the time date at which the post was published.So most of the template already having these properties bus in some case we have add theses information.Now see that how the comments link Behave when there no comments the posts,so There would be a link which says that "Be the first to comments" Which shows the number of comments if there 1 or 2 comments then on the comments will shows comment (1) or  comments(2) as possible.And there will showing near the time and date at which the post was published and the post Labels it is present in every templates.
I am gonna to show you the following steps to make the post of blogger more attractive and beautiful so if you also want then follow the following steps as given below very easy!



1st Step:

               In the first step Open your blogger dashboard and go to my blog and then go to the Template and then Edit HTML. As the further help you can get from the given picture.

2nd Step:

                In the second step just click mouse left button inside anywhere in the HTML And then Press Ctrl+F from the keyboard and then there Free blank will be open on the top of HTML code for searching.
As in the Picture.


3rd Step:

               In this third step Just paste the following Codes in the searching box and then click on the enter button the following codes will be high lighted in HTML.

<div class='post-header-line-1'>
                      
                                 or
     
    <div class='post-header'>

4th Step :

                In 4th step Below this code Add the given HTML.The Given HTML further you can change the Icons For this you need to replace the blue color URLs with your new images URLs.
  • The first URL is for the icon for Author.
  • Second URL is for Clock Icon.
  • The third URL is for Icon near the Labels.
  • The fourth URL is for Comments bubble.
So you can edit them!


<div style="margin: 5px 0; border-bottom: 1px solid #F2F2F2;padding: 5px;"><font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp4GVPpXw75KutSEDQjHvCAZiqgJi8bZUeKUjDYb81rDxEK7dkmHMkr3Y813TMta_fggs1Lv36V65c0GlcL5oUsHzTs0nDliNyx-Jvo8src4HELMfBRZV_6TICCnP4yHFlXwToapCZYp4D/s1600/author.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.author/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWMVNM1eNIn2VEqO4VO3lwZ21Na5ZgB9Sb1_7h1t5BsSze-yZvSdQn_fJ3lfbL3UDb_fX8DPJF9pk0g98Yalv0eCCCCPVGyMkDMnrglyPWR_CbG5NUFQ_LUZYyB8Z_faLFU6J6aKdgza-v/s1600/clock.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><data:post.timestamp/></font> | <font style='background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrZUHTOJspeMIdU0rNEXeMrFmFmLzR3Ej-6BucEh5V34nt4K0InGgyG68Ho7yc_JnMNN-Q59JHlP8zq_xvmAc1xWe4ldVdEMOdgSi-cmVcNdzpNseztc4SFqlAsKMQyigUFD3LE1Yg6dfn/s1600/tag.png) no-repeat scroll top left;padding-left:25px;font-size:11px;'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url + &quot;?max-results=8&quot;' rel='tag'><data:label.name/></a>
<b:if cond='data:label.isLast != &quot;true&quot;'>|</b:if>
</b:loop>
</b:if></font>
    <span class='post-comment-link' style='Float:right;'>
        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg5cajwIzaSyTN6bR-CKnucsMX36NNqP71rgxUCdZbYVRDbzJd6XvRU2mijk3Smsn1SwYazz9zgteoX_VvKZBZwQKmA1yYI6dMUi182HrMybhUj8F_RkRM8SlnFqUpjKkfNVKonLmwUMOkE/s1600/comment.png) no-repeat;padding-left:20px;font-size:11px;'><b:if cond='data:post.numComments == 0'>Be the first to comment!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> Comment so far<b:else/><data:post.numComments/> Comments so far</b:if> </b:if></a>
          </b:if>
        </b:if>
    </span></div>


5th Step:

               In this step Click on the Save Template Button above the HTML to save the changes and this will Occurs.
If you have any problem with this you can comments below.I will try to solve your Problem.

Thank you!

How Delete Labels from the blogger Post ?

How Remove labels from blogger:
                                             
                                                    It`s very Easy to remove or Delete labels from the Blogger post.The blogger Labels are applied to Find the related Post (articles).This make easy for viewers to find the related post in blog.But am gonna to show you that how we can remove this labels or hide them In a few steps so please follow the fallowing steps .

1st Step:
             Open the blogger dashboard  and click on Template option then click on Edit HTML Button as shown in image below...


2nd Step:

              In this step you will Find the </head> tag.This can find by just  mouse left  click in anywhere in the HTML and then press Ctrl+F And then you will see the blank above the HTML codes and tip there </head> tag.

3rd Step:

        Just above the </head> tag. paste this cod. as given below.

 <style>
.post-labels {display: none;}
</style>

4th Step :

            In this step Just Save Template button and the changes will be save and your labels are hided from the blog.

If you have further any problem with this you can comments below.
Thank you!