So This is it the tutorial How To Replace Post A Comment Text With a Cool Image On Blogger
Image Comment Message
Text Comment Message
So Lets add an image to your Comment section1. Login to blogger
2. Layout - Edit HTML - Expand Widget Template
3. Lets find this code
<data:postCommentMsg/>Important - This code will be in your template more than once, you need to find the code wrapped in heading tags (Example - h2, h3, h4).So it will look similar to this :
<h4 id='comment-post-message'><data:postCommentMsg/></h4>4. Pick an image below and Replace the code you found above with the image code.
Select one, and replace that code. Dont edit this code, or it will doesnt work
Image preview :
Image Code :
<a href='http://blogyahyagan.blogspot.com'><img alt='Web Design | SEO Tutorial | Blogging Tutorial | Adsense Tutorial' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQY_YOZRFKtudy0v8xTKuqMOYmuiqf8sfsxAOhwLmtUcICOQPK5UeNkhoAxMCtCVUT1L42UMlNE7P3nGMPfS_H1yyqBTsgXD8XlvI5kahsXqIUcY2Q5kkSAjyEIgzM7vnSApRYKpo0BMg2/s1600/best+blogger+tips.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSRGZRptrhxRYZ8gRML47KoQcCj-5mwuzYAl2uV4LYBaARBtT6jwNhFWfvEcEZt5n1NXxt9R3He1IjATfS_sNl07LgCpHwr1wppLv9swIFlCAKXJzzljLZ-JPwxy0zUoNg3PtWD17NRqqz/s1600/comments+encouraged+card.jpg'/>Image Preview :
Image Code :
<a href='http://blogyahyagan.blogspot.com'><img alt='Web Design | SEO Tutorial | Blogging Tutorial | Adsense Tutorial' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQY_YOZRFKtudy0v8xTKuqMOYmuiqf8sfsxAOhwLmtUcICOQPK5UeNkhoAxMCtCVUT1L42UMlNE7P3nGMPfS_H1yyqBTsgXD8XlvI5kahsXqIUcY2Q5kkSAjyEIgzM7vnSApRYKpo0BMg2/s1600/best+blogger+tips.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigJTYTh4EWDCAArzCCaL3M52zo_lDcxWHLMTuoiDVLhT25BJIpQgw083LYAkG-4EPzU1F5oKPQw7B30emwCSdguE1BSSRbjte3l0kT9JDmOarX6UFNmUQ3vR66kR8jFQh22PevxpKtNPCR/s1600/animated+comment+arrow.gif'/>Image Preview :
Image Code :
<a href='http://blogyahyagan.blogspot.com'><img alt='Web Design | SEO Tutorial | Blogging Tutorial | Adsense Tutorial' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQY_YOZRFKtudy0v8xTKuqMOYmuiqf8sfsxAOhwLmtUcICOQPK5UeNkhoAxMCtCVUT1L42UMlNE7P3nGMPfS_H1yyqBTsgXD8XlvI5kahsXqIUcY2Q5kkSAjyEIgzM7vnSApRYKpo0BMg2/s1600/best+blogger+tips.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsLdlNFofEwpjh9nz7TSql-FazzS1DIKd_6CZHwxecJmLGmTNb7DlqUkDqP8Re5D0P3CXgvpQ1bL1r7CoxRukB4tSnwRO1TSH9fwCQn9edu3Pva1mBzqnN6xFA0MkuJCq5KT5DRAGEairO/s1600/comment+cloud.png'/>Image Preview :
Image Code :
<a href='http://blogyahyagan.blogspot.com'><img alt='Web Design | SEO Tutorial | Blogging Tutorial | Adsense Tutorial' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQY_YOZRFKtudy0v8xTKuqMOYmuiqf8sfsxAOhwLmtUcICOQPK5UeNkhoAxMCtCVUT1L42UMlNE7P3nGMPfS_H1yyqBTsgXD8XlvI5kahsXqIUcY2Q5kkSAjyEIgzM7vnSApRYKpo0BMg2/s1600/best+blogger+tips.png'/></a><img alt='Comment here' border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM2Ypwk38U0bQrtimeq3vAdsTX58cHmV-7-laaMxgLITKw-O3yU6bH3akySh-5i9O95tkh2fEdtfYlJFB-QIELylLPeeUupUkjPRZFkTr511H5K1l6lJZj24uG2xxcgCl4TZTWdsrDBryZ/s1600/comment+here+flowers.png'/>Or you want an image like me? Ok i will give it to you
Image Preview :
Image Code :
<a href='http://blogyahyagan.blogspot.com'><img alt='Web Design | SEO Tutorial | Blogging Tutorial | Adsense Tutorial' src='http://i1212.photobucket.com/albums/cc451/ramseyinjury/Blogger/posta.png'/></a><img alt='Comment here' border='0' src='http://i1212.photobucket.com/albums/cc451/ramseyinjury/Blogger/posta.png'/>Ok and the last step is save your template. And you can see the result.
Ok guys thats it, if you have some question about "Replace Post A Comment Text With a Cool Image On Blogger"
Source : Spiceupyourblog
Amazing post! I initially found your blog a week or so ago, and I want to subscribe to your RSS feed.
ReplyDeleteThis is by far one of the most comprehensive posts i've seen here and look forward to more of the you have always nice things to post. Thanks for this useful information. excellent post with great resources! This is by far one of the most comprehensive post.
ReplyDeletenice share,,, i'll try the code that same like you...
ReplyDeleteThis is a great blog.. It's gonna be helpful for those who decide to go on web designing business.. I find web designers a really invincible ones in the field of web design.
ReplyDeletei have found your blog exactly with the methods you are talking about :) Lets see if my comment will stay or not :)
ReplyDeleteVery good Blog! I have used this tutorials to learn web design:
ReplyDeletehttp://world-shopping.org/products/software-video-lessons/web-design-mastery-course/
These are really helpful!
http://world-shopping.org/products/software-video-lessons/web-design-mastery-course/
ReplyDeleteI bet your idea will be helpful for those who are bearing comment spamming!
ReplyDelete