Add Comment Message
- Log onto Blogger Dashboard=>settings=>posts and comments=>comment form message
- edit it and add your message what you want to show your visitor
Show Message Before Comment Box
- Log onto Blogger Dashboard=>Template=>Edit html=>Expand Widget Template
- Search(ctrl+f) for
<b:includable id='threaded-comment-form' var='post'>
- After finding this find <b:else/> and the following code after it
<div id='threaded-comment-form'>
- Then find </b:if> and add </div> before it
- Now find
document.getElementById(domId).insertBefore(replybox, null);
- Replace it with
document.getElementById (domId). insertBefore (document.getElementById ('threaded-comment-form'), null);
- Now save the template and you're done.For your reference check the below screenshots
Before Adding
After Adding
Add CSS to Comment Message
Now it's time to add some CSS to make this message looks good
- Log onto Blogger Dashboard=>Edit html=>Expand Widget Template Box
- Search for "]]></b:skin>" and before it paste the following code
#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%;}
- sava and done.
Add Image/HTML/Javascript on Comment Message
You wanna add something more to make your blog's comment message more beautiful?So here we go
- Log onto Blogger Dashboard=>Template=>Edit HTML=>Expand Widget Template Box
- Search(ctrl+f) for
<p><data:blogCommentMessage/></p>
- After finding the above code in 4 place add your desired image/html/java script before it
- save template and you're done
Leave your comment below if facing any problem regarding this.
Post a Comment