If you use Blogger, you may see annoying comment feature that you have to either open the new window or open the seperate page that does not look like your blog.
However if you use Blogger in Draft, there is the way you can add inline comment in your blog.
Let's find out how to do add inline comment in your blog.
1. Login into Blogger in Draft.
2. Settings | Comments | Comment Form Placement
Select "Embedded below post" radio button and save it.
3. See if your blog has inline comment or not as below
If you are using the default template by Blogger, you may see inline comment, however if you are using the custom template like I do, you have to do more steps. Don't worry! It is too easy to follow.
4. Layout | Edit HTML | Download Full Template
Download the current template and make it as a copy for something happens.
5. Open the XML file and search the "data:postCommentMsg".
<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</p>
6. Replace the entire section of the above code to the below and save it.
<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>
7. Upload the updated XML file to Blogger and see if the inline comment is existed.
8. Additional Tip
If you click any of the comments under your "Recent Comments" section, it goes to the post page for the comment. Not bad at least it goes to the page. However, if you have so many comments for the post, it is hard to find out where the comment is located.
Here is what you can do:
Search "data:comment.id" from your XML file
<a expr:name='"comment-" + data:comment.id'/>
Replace "comment" to "c" and save it, and upload the XML to Blogger.
<a expr:name='"c" + data:comment.id'/>
You can even find out where the comment is located by clicking any comment under "Recent Comments" section. Sounds better?
Now you know how to add inline comment in your Blogger and enjoy the new feature!
Thanks again.
My recent comment is not working! Do u have any suggestion?
It's working now. :)
Good!
Will it work if I use intense debate?
Thanks you!!
Chris, If you want to have the debate feature, you may use the forum feature.. I don't know where you can find out though.
Step, You're welcome. :)
Need another help. :) How can I add commenter's name? :(
Do you mean you want to show the author's name for each comment under Recent Comments Widget? If then, you can just go Layout | Page Element, and click Recent Comments Widget, check "Item sources/authors", and save it. Now you will see the name of the author after each comment under Recent Comment.
I use Hoctro Tab View. I cannot olve it this way. :(
Anyway thanks. :)
solve*
Good!
good job guy. finally i found what a looking 4. thx by zeepulsa.blogspot.com (indonesian blogger)
your posting very2 helping me as newcomer who's using adstheme. one again thank's very much. by indonesian blogger. www.zeepulsa.blogspot.com
Thanks for your comments. :)
My template file does not have the
< p class ='comment-footer' >
< a expr:href='data: post. add Comment Url' expr:onclick='data:post.addCommentOnclick' >< data: post Comment Msg/ > < /a >
< /p >
So I am at a loss.
Your directions are nice and clear though. It was worth a shot. I have both a default scribe template and a modified custom version of scribe. The modified version is causing a couple of problems, one of them being the loss of the edit tool wrench icon quick link.
Hi Ssannara!
Greetings!
Thanks for the tip, but it somehow isn't working on my blog. I found the HTML code pieces on my template and replaced with the ones you've suggested, still no +ve result :-(
Shelly
I've found another piece of code there in my template related to (")data(:)postCommentMsg(") at a location above where I've already replaced the code like u've mentioned.
The other piece is:-
div clas (equalto)'cmmnt-frm'
(<)a name='comment-form'/(>)
h4 id(=)'comment-post-message' data:postCommentMsg/>(<)h4(>)
(<)p(>)(<)data(:)blogCommentMessage/(>)(<)p(>)
(<)a expr(:)href(=)'data(:)post(.)commentFormIframeSrc' id(=)'comment-editor-src' style(=)'display: none'/(>)
(<)iframe allowtransparency(=)'true' class(=)'blogger-iframe-colorize' frameborder(=)'0' height(=)'275' id='comment-editor' scrolling='auto' src='' width(=)'100%'/(>)
(<)data(:)post(.)iframeColorizer/(>)
(<)/div(>)
Is this has something to do with the non-functioning of the comments form like u've suggested?
(I'M CHANGING THE BRACKETS OF CODE A BIT AS THIS COMMENT IS NOT BEING ACCEPTED DUE TO SYNTAX)
Rose, I downloaded a default scribe template and checked the code that the template already has the necessary code so you don't need to change any of the code. However you will need to select "Embedded below post" option under Settings | Comments | Comment Form Placement. Make sure use the Blogger in draft. Hope it helps.
Shelly, no.. that's not related to this. The code you said you changed is the right code. I can't help you unless you send me the entire code. You may send your template code via my email - click the contact link on the top and you will see my email address you can send it to me.
Arrgh, it is still not working. I think I placed an adsense ad where the comment box should go or something. I do not see the comment box embedded. Could someone help by checking it out?
http://theautismwhisperer.blogspot.com
gysysb@hotmail.com
Thanks from a Newbie!
Good job, only after after bump into you site then i can solve my problem.
Regards,
DJYaNo
thanks for the code, just in time i need it. i googled and i found you :-)
-- jordy, programmer of ibs medications
Thanks. =)
Thanks for the post on how to add inline comment in blog spot. This post is really helpful for the newcomer. Keep up the good work.
Thanks! it worked for me. I tried many other hacks before this but none worked. m a happy blogger now!
thank u works great! i have it installed on my hip hop, reggae, rock and tech blog, http://heavymentalist.blogspot.com and on my personal blog, http://thelastnerve.blogspot.com.
thanks a million!
twitter.com/cherrylaldave
Good post, Thank you for all these interesting information, it is a very important site.
http://01-business.blogspot.com