Comment Form Placement

Embedded Below Post

Horey! This is my first post for eBlog Templates. Hehehe! I can see that you're scratching your head now. Oh well, please refer to my last post, Making Border Lines Disappear to know what I'm talking about. Read about it on the first paragraph, "on a happier note".

On Dilectio Blogger template's post iclfan was asking about inline comment not working on his Blog*Spot.

Before I proceed any further, here is a little tip which I'm sure you will find useful. That's will be the case if you take it in a positive ways. Whenever you wanna ask a question in any forums or leaving a comment or two on any site, please stay calms and give as many infos as you can about your problems.

Believe me, it works both ways. Your questions will be answered promptly and to the point, the way you wants it to be answered. And those many Bloggers who gonna answer your questions will not be wasting their times trying to figure out what do you mean actually? In a bad case scenario, your questions might not be getting any answers! Leaving you high and dry wondering why you're not getting any responds?

You know, I've been there done that too. I can still remember many many moons ago when I noticed the upper half of my post suddenly turned into reds! As if I'm using red fonts. Guess I was panic-stricken. All of a sudden I started opening new threads on all the forums that I registered asking the same question without any relevant information. And now I'm giving back the same words of wisdom that I've received many many moons ago.

Ok now back to the main topic. In the middle of last year, Blog*Spot in their infinite wisdom has decided to give her users inline comments! It's exactly (not 100%) like the comments used on WordPress where at the end of every post there will be a comment form. Yay, something every Blog*Spot users have been waiting for!

Click image to enlarge

So, how do you make it to work?

It's very easy to do if you're using Blogger default templates. All you've to do is to go to the Blogger in Draft. After signing in with your username and password, you will be taken to your Dashboard. From there you go to Settings --> Comments --> Comment Form Placement. Then check on Embedded below post button. Voila! Now you're the owner of an Inline Comment, ;-)

Click image to enlarge

For others who are using customized templates (like the one iclfan is using now, a Dilectio blogger template), first you do like I did - see above. After saving it, go to your blog and see whether the inline comment is in place or not?

If not, this is what I do on my own template. Before you touch anything, please backup your template. If anything goes wrong or suddenly your XML codes decided to jump or dance around, you have a backup template to turn to.

Click image to enlarge

Alright, this is what you have to do. From your Dashboard (assuming you've already login to your Blogger's account), go to Layout --> Edit HTML --> Expand Widget Templates. Then you search for this string of codes,

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>

After you've found it, please change the whole string of codes with the one below;

Click image to enlarge

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

That's it. Last but not least, save your template.

But please remember, your template may be tweaked differently. Basically, that was the line of code I have to add to make the inline comment form to appear on my blogs.

That's all for now. I hope you enjoy the tutorial as much as I do.

Technorati Tags: blog, blogger in draft, blogging, blogspot, comment embedded below post, comment form placement, dilectio template, eblog templates, infinite words of wisdom, inline comments, tutorials