26 February 2013

Replace Post a Comment with Image or Text

// // 8 comments
Replace Post a Comment with Image or TextWe all have already saw the text 'Post A Comment'  above comment section of our blog and may be some other blogs too.Since we got the new threaded comment system it's there,but we love to tweak with all such things of blogger and why not if it looks something new,something unique,something yimmy.So, now it's time to give this part of comment section some customization and make it's look beautiful so that people love our blog more,spend more time on our blog.So,in this post we will show you how to replace the 'Post A Comment' text we see above the comment box with a cool image or your desired text.As for demo you can see the screenshot too.We bet you'd love to give it a try as you already loved that cause you are still reading this post,so here we go.

 Must Read : Rounded Comment Avatar Blogger

How to Do This

  • First log onto blogger dashboard>template>edit html>proceed>expand widget template
  • Next search(use ctrl+f) for below code tag into your template

<data:postCommentMsg/>




This code will be in your template more than one, you need to choose the correct code wrapped in heading tags (Example - h2, h3, h4).So it will look similar to this :


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

  • Now replace the code with your desired text or image.
  • Now save the template and you're all done.

Customization

  • If you wanna put a text then the corresponding code will be 

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


  • If you wanna put a image then corresponding code will be


<h4 id='comment-post-message'><img src='Your Image Link'/></h4>



That's it,you're done.


Now here we're giving you some cool images for you with their link respectively for your blog,hope it will help you.






http://1.bp.blogspot.com/-DuwsWbCqRag/T3Mxtrye2zI/AAAAAAAABkA/AqMIP-ybAWQ/s1600/leave+a+comment.png





Comment here




http://2.bp.blogspot.com/_rKG-ziTSNUQ/TNre7OZCEzI/AAAAAAAACEQ/oNyvoWQOCuY/s1600/colored+comment+text.png



Comment here



http://2.bp.blogspot.com/_rKG-ziTSNUQ/TNre828gxXI/AAAAAAAACEU/_fudrS2N6VA/s1600/comment+cloud.png




Comment here




http://4.bp.blogspot.com/_rKG-ziTSNUQ/TNre-ON_RUI/AAAAAAAACEY/oqOWegVu0HA/s320/comment+here+blue.gif


Comment here



http://2.bp.blogspot.com/_rKG-ziTSNUQ/TNre_Q_HYQI/AAAAAAAACEc/iCmYoeUHYy8/s1600/comment+here+flowers.png





http://2.bp.blogspot.com/-gQV9PoM4FeA/T3M1tOg6C3I/AAAAAAAABkI/OTq4DAbkEPo/s1600/Post+a+comment+blogger.png





http://4.bp.blogspot.com/-wX61ZaQ1piI/T3M3FKUaGhI/AAAAAAAABkQ/y409edvuAQA/s1600/animated+comment+arrow.gif





http://1.bp.blogspot.com/-bIOcD7FxKXw/T3M4LpQ0XFI/AAAAAAAABkg/z_sHmmnKwgs/s1600/leave+a+comment2.png





http://4.bp.blogspot.com/-0j9qVbZuAtc/T3M6HP2tT6I/AAAAAAAABkw/imDcGGmxOiU/s1600/comment.gif



 Must Read : Resize Blogger Comment Box



Hope you'll like your new customized comment section.Don't forget to share you view with us,through the below comment box
Articles You May Like

8 comments: Leave Your Comments