Announcement:

  Hello, We Changed Our Cloth, How It Is Looking? Leave Your Feedback At Our Page.

Tuesday, November 20, 2012

How To Show The Comment Message Before Threaded Comment Form?

This Article Was Live On: Tuesday, November 20, 2012 And Till Now Have4 comments.
New-Thread-Blogger-Comment-Form-Message-Bug-Fixed

After the addition of New Blogger Threaded Comment the old commenting form is no more available officially. The new one is better then old one as there are a numbers of benifits after the introduction of New Blogger Threaded Comment Form like Reply, "Comment Message" etc but number of bugs also like the one famous "Comment Message" thjat is showing before commentent form when there is no comment but after one comment it will goes down.

"Comment Message" is generally use for showing some rules of commenting on Blog but when it goes down, the visitor can not see it and they will start comment without reqading rules that will make 100 of spams as well. Personally I add some rules for commenting and this is Important as commenter's will be notified before commewnting but the Rules are at the bottom that will not visible before Comment form.
I try many time like editing the Template HTML but every time i got a messed up template then i found a solution of "How To Show The Comment Message Before Threaded Comment Form In Blogspot" from a blog post of DuyPham that i am sharing her.
After all this i still did not get full fill after seeing the ugly style message that have no bold, italic, and underline text, no images, even no HTML codes because you can not add all this thing in "Comment Message Box", it requires only Text, So i got a trick to styled up the "Comment Message" by adding cool css and also added some image and even HTML/JavaScript code. that is also sharing here in the below, without any more preface directly you are forwaded to tha coding that will fix this bug as well as can style up your "Comment Message" easily.

How To Add Comment Message?

1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To "Settings".
4.) Then Proceed To "Posts and comments".
5.) Scroll Down And See The TexBox Named "Comment Form Message"
6.) Edit It And Add Your Messgae Here That You Want To Show Your Visitor.
Warnings: It Will Not Accept Your HTML Codes, Bold, Italic, Underline, Font-Size-Color-Style, You Can Just Add Simple Text With Spaces And Enter As Well As Special Chracters Like ?></.!@#3%^&*()_+|}{:"';<> etc...


How To Show The Comment Message Before Threaded Comment Form In Blogspot?

1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To "Template".
4.) Click "Edit HTML" And Expand It.
5.) Now Find The Following Code Using CTRL+F On Your Browser.
<b:includable id='threaded-comment-form' var='post'>
6.) After Finding This, Find <b:else/> (That Will Be In 9th Line After The Above Code) And Add The Following Code After It.
<div id='threaded-comment-form'>
7.) Then Find </b:if> (That Will Be In 6th Line After The Above Code) And Add The Following Code Before Ir.
</div>
Note: 5,6,7 Step Are Shown In The Following Figure.
8.) Now Find The Following Code Using CTRL+F On Your Browser.
document.getElementById(domId).insertBefore(replybox, null);
9.) Now Replace It With The Below Code.
document.getElementById (domId). insertBefore (document.getElementById ('threaded-comment-form'), null);
10.) Save And Done.

Thread-Blogger-Comment-Form-Message-Bug-Fixed
ScreenShoot Of Code Adding

How To Add CSS To Comment Messgae Text?

The Question Is That It's Look Ugliy At Your Blog After Viewing Your Awesome Template, So It's Time To Add Some Extra CSS To It To Make It Cool And According To Your Template, But The Question Is Where To Add Add CSS Even It Does Not Accep HTMl, Don't Worry, The Ans Is Here.
1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To "Template".
4.) Click "Edit HTML" And Expand It.
5.) Now Find The Following Code Using CTRL+F On Your Browser.
]]></b:skin>
6.) After Finding This, Add The Following Code After It.
#threaded-comment-form, .comment-form {background:#f9fafb;width:auto;padding-top:5px;padding-bottom:5px;padding-left:10px;padding-right:5px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;border:1px solid #e6e6e6;color:#000;text-align:left;line-height:25px;margin-bottom:5px;width:100%;max-width:100%;}
7.) Change The Black Bold CSS Text According To Your Blog And Can Also Add Extra.
8.) Save And Done.


How To Add Image/HTML/JavaScript Codes In Comment Message ?

1.) Go To Your www.blogger.com
2.) Open Your Desire Blog.
3.) Go To "Template".
4.) Click "Edit HTML" And Expand It.
5.) Now Find The Following Code Using CTRL+F On Your Browser.
<p><data:blogCommentMessage/></p>
6.) After Finding The Above Code In 4 Place, Add Your Image/HTML/JavaScript Code Just After Every One.
7.) Save And Done.


Leave Your Precious Comment With Your Expirence.

You Like It, Please Share This Article Using...




Don't Forget To Read This Also...



4 comments :

Speak Your Mind:



Please Read The Rules Before Commenting:-

1.) Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
2.) Make sure to click the "Notify me" link below the comment to be notified of follow up comments and replies.
3.) Please "Do Not Spam".
4.) Please "Do Not Add Links" to the body of your comment as they will not be published. If the quires contain link then never add HTML tag to it.
5.) Only "English" comments shall be approved and answered.
6.) If you have a problem check first the comments, maybe you will find the solution there.
7.) Your comments must contain 100+ characters to remain accepted.
8.) Never Use Keywords In The Name Section Otherwise Your Comment Will Be Deleted.
9.) All comment will be deleted if it will not fulfil the requirements.