Some people prefer tagboards and some people prefer comments but if you're a greedy person like me you'd want both ! Classic templates look a lot better than the new default templates but many of the Blogger functions like commenting aren't included so we need to add bits of code into our templates.

To add pop-up comments : put the following code between the (blogger)(/blogger) tags. You can change the bit that says "comments" to anything you like. Dont' forget to go to Settings } Comments and set your Comment Form Placement to Pop-up window and save changes.

<BlogItemCommentsEnabled><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><br><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled>

To add embedded comments : put the following code between the (blogger)(/blogger) tags, preferably after the ($BlogItemBody$) tag. Now you go to Settings } Comments and set your Comment Form Placement to Embedded below post and save changes.

<ItemPage><BlogItemCommentsEnabled> <a name="comments"></a> <$BlogItemCommentCount$> Comments: <BlogItemComments> <a name="<$BlogCommentNumber$>"></a> <p class="comment-body"> <$BlogCommentBody$> </p> <p class="comment-data"> By <$BlogCommentAuthor$>, at <a href="#<$BlogCommentNumber$>"> <$BlogCommentDateTime$></a> <$BlogCommentDeleteIcon$> </p> </BlogItemComments> <p><a href="<$BlogItemCommentCreate$>" <$BlogItemCommentFormOnClick$>> Post a Comment</a></p> </BlogItemCommentsEnabled></ItemPage>

Blogger tags and comment codes for this tutorial are found on Google Blogger Help. I do not own the codes and I hope this tutorial has helped you. Crediting Skeletal Wings if this tutorial has helped you would be very nice of you but not compulsory.

Edit : Sorry the codes are a bit messy because I had a bit of trouble with (textarea).

Labels: html, tutorials