Changing "Post a Comment" With Image and Text

I really made a lot of research in order to implement this kind of trick in my blog, for I want that my unique visitors will give some comments regarding my posts for the development  of my writing skills, in delivering my tutorials and to be complemented as well. So let us jump with the tutorial on how to change or replace the text "Post a Comment" with an image and some encouraging texts.

customize post a comment with text


Changing "Post a Comment" With Image and Texts


Step 1. Go to Blogger Dashboard >> Template >> Edit HTML

replce post comment with image

Step 2. Look/Control F the code below,
<h4 id='comment-post-message'> <data:postCommentMsg/></h4>
Step 4. Replace the text in blue (data:postCommentMsg) above with one of the image URL  below


replace post comment image
img src='http://2.bp.blogspot.com/-TFKoSLS0BtU/UYiyfhFXqII/AAAAAAAAAnY/lN9Pbiq5RUw/s1600/animated+comment+arrow+7.gif'
change post comment with image
img src='http://4.bp.blogspot.com/-4a-3Odt1HVU/UYiykf_bhFI/AAAAAAAAAng/Fl8wMvVX1bU/s1600/colored+comment++2.png'

customize post comment with text
img src='http://3.bp.blogspot.com/-WjVdZah6goo/UYiyo3h7sqI/AAAAAAAAAno/NjE9jUdpRQM/s1600/comment+9.gif'

substitute post comment  with image
img src='http://1.bp.blogspot.com/-Dy1ItNfWQac/UYiyr0Q6egI/AAAAAAAAAnw/MwihZrPMcl0/s1600/comment+cloud+3.png'

designate post comment image
img src='http://3.bp.blogspot.com/-TJao0dCwyLY/UYiyvUnisDI/AAAAAAAAAn4/8deFiLcGUNo/s1600/leave+a+comment+8.png'

renew post comment with image
img src='http://4.bp.blogspot.com/-5bJ7lcZkcqQ/UYiyz8AIO2I/AAAAAAAAAoA/Iuy9ZMrWR8U/s1600/comment+here+blue+4.gif'

regenerate post comment with text
img src='http://3.bp.blogspot.com/-ZeRKmwtEgE4/UYiy4yjW_cI/AAAAAAAAAoI/gErJwLflBmQ/s1600/leave+a+comment+1.png'

put post comment with image
img src='http://2.bp.blogspot.com/-CzbTH4ojep8/UYiy_Oqg0yI/AAAAAAAAAoQ/VbHlse7pR0I/s1600/comment+here+flowers+5.png'

add post comment with image


img src='http://lh4.ggpht.com/_7wsQzULWIwo/SvZuZbFMFVI/AAAAAAAACJg/GcDGjs2LOik/s800/what-question-mark.gif'
substitute post comment with image
img src='http://1.bp.blogspot.com/-dkjGDzKNQ-0/UYjCj5MiPFI/AAAAAAAAAo8/g9d0XHd67x0/s1600/thinking+man.gif'


Step 5. If you want to add some encouraging text beside your selected image, place it in behalf of the text Your Text Here

                <h4 id='comment-post-message'> <data:postCommentMsg/>Your Text Here</h4>

Step 6. Click preview to see the initial effect and then hit the Save button.


 In the above trick about replacing the texts "Post a Comment"  with an image or texts in order to encourage our viewers to leave a comment in our articles made. But the texts that we had put are not properly styled, so let us put some css on it to make it beautiful.
customize texts post comment

Customize Texts Beside the Image in "Post a Comment"


Step 1. Go to Blogger >> Template (Always Back-up Template) >> Edit HTML,


Step 2. Find/Control F the tag ]]></b:skin> and just above it paste the code below,



#comments h4 {
color: #4E555A;
font-size: 23px;
font-family: Arial, Verdana !important;
line-height: 1.6em !important;
font-weight: bold;
margin: 0 0 20px;
padding: 10px 0 0;
}

Short Customization (Optional):

1. Change #4E555A to change the color of the text beside the image. You can select hexadecimal colors here..
2.  Replace the value of font- size (23px) in order to change the size of the text.

Step 4. Always click Preview to see the initial result of the code applied then hit the Save button and you are done.To add texts below the line "Post a Comment", click here for the tutorial.
Hope you enjoy this short post and if you have some questions, don't forget to leave a comment below.
Subscribe to receive our free tutorials via email. Hope you like this post and Enjoy Blogging my friends!!!


About the Author:
tilt  hover effect
Hello folks! This is GOLDEN WORKS TV, the admin of this blog. No words could described my grateful appreciations to all newbie and professional bloggers around the world and most especially to Almighty God who gave me the wisdom...Read More
Follow him @ Twitter |Facebook


Express yourself!
24 comments : Post Your's Buddies!

Post A Comment!
We love to hear your feedbacks and suggestions. We will try our best to reply to your queries as soon as time allows. Please Keep in mind that all comments are moderated manually by our editors team to minimize spamming, and all the links are nofollow.

Note:
1. To add HTML code in the box, please use our HTML editor generator.
2. Please do not spam. Those type of comments will be deleted upon our review.
3. We should appreciate an individual and suggestive discussion.

Best Regards,

GOLDEN WORKS TV
  1. This comment has been removed by a blog administrator.

    ReplyDelete
  2. Hi mates, pleasant article and fastidious urging commented
    at this place, I am actually enjoying by these.



    Also visit my page; Http://Beveiligingscamera.webnode.nl/

    ReplyDelete
  3. Generally I do not read post on blogs, but I
    wish to say that this write-up very pressured me to try and do so!

    Your writing style has been amazed me. Thanks,
    very great article.

    Here is my blog; wireless hdmi

    ReplyDelete
  4. I have read so many content on the topic of the blogger lovers except this paragraph is actually a nice post, keep it
    up.

    my web blog makkelijk geld verdienen

    ReplyDelete
  5. This is very interesting, You're a very skilled blogger. I have joined your feed and look forward to seeking more of your wonderful post. Also, I've shared your web site
    in my social networks!

    Feel free to surf to my web site - verborgen camera in auto

    ReplyDelete
  6. Hey would you mind stating which blog platform you're working with? I'm planning to start my own
    blog in the near future but I'm having a tough time deciding between BlogEngine/Wordpress/B2evolution and Drupal. The reason I ask is because your layout seems different then most blogs and I'm
    looking for something unique. P.

    S My apologies for getting off-topic but I had to ask!


    my website; dashboard camera

    ReplyDelete
  7. That is really attention-grabbing, You are a very skilled blogger.

    I've joined your feed and stay up for seeking more of your magnificent post. Additionally, I have shared your web site in my social networks

    My page - wifi repeater

    ReplyDelete
  8. Awesome blog! Is your theme custom made or did you download it from somewhere?
    A design like yours with a few simple adjustements would really make my blog shine.

    Please let me know where you got your theme. Kudos

    Also visit my blog bridal makeup

    ReplyDelete
  9. This is my first time pay a quick visit at here and i am really pleassant to read everthing at
    one place.

    Here is my homepage; wifi camera

    ReplyDelete
  10. Hey I know this is off topic but I was wondering if you knew
    of any widgets I could add to my blog that automatically tweet my newest twitter updates.
    I've been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this. Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.

    my web-site; portofoon met babyfoonfunctie

    ReplyDelete
  11. For most recent information you have to go to see web and on internet I found
    this site as a most excellent web site for newest updates.


    Also visit my homepage email marketing templates

    ReplyDelete
  12. Thanks , I have recently been searching for info about this subject for a long time and
    yours is the best I have found out till now. But, what about the conclusion?
    Are you sure in regards to the source?

    My website - Beveiligingscamera kopen

    ReplyDelete
  13. This post is really a good one it assists new web viewers,
    who are wishing for blogging.

    Feel free to surf to my site; website -
    -

    ReplyDelete
  14. It's a shame you don't have a donate button! I'd certainly donate to this brilliant blog! I suppose for now i'll settle for bookmarking and
    adding your RSS feed to my Google account. I look forward
    to brand new updates and will share this site with
    my Facebook group. Talk soon!

    Look into my homepage: website

    ReplyDelete
  15. I really like reading an article that will make people think.

    Also, thanks for allowing for me to comment!

    Feel free to surf to my blog post ... geld verdienen met internet (http://hetinternetgeld.nl)

    ReplyDelete
  16. I'm truly enjoying the design and layout of your site. It's a veгy
    easy on the eyes whіch makes it much morе plеasant for me to come
    here and viѕit mоre often. Did you hire οut a designer to create your theme?

    Fantastic work!

    my weblog: impotencia masculina

    ReplyDelete
  17. I like the helpful info you supply in your articles.
    I will bookmark your blog and test again right here regularly.

    I'm reasonably sure I'll be informed plenty of new
    stuff right right here! Best of luck for the next!


    My weblog :: cheap dub zero jordans ()

    ReplyDelete
  18. This is really interesting, You're a very skilled blogger.
    I've joined your rss feed and look forward to seeking more
    of your excellent post. Also, I have shared your website
    in my social networks!

    my blog hentai

    ReplyDelete
  19. It’s a very good article. Thank you so much.

    ReplyDelete
  20. Mystarblogger is an excellent and informative website. Thank you for sharing your pretty nice post about comment. Largest Auto Fashion Machinery Blog really appreciate your efforts and will be waiting for your next writing.

    ReplyDelete
  21. Mystarblogger is an excellent and informative website. Thank you for sharing your pretty nice post. Largest Auto Fashion Machinery Blog really appreciate your efforts and will be waiting for your next writing.

    ReplyDelete

Related Posts Plugin for WordPress, Blogger...