Hello guys, my blogger descriptionis
Web Design | SEO Tutorial | Blogging Tutorial | Adsense Tutorial, but i dont know Why i always post an article about
Web Design --' LOL. Forget it. Ok guys, now i will share to you a great web design Tutorial, maybe it can called "
Replace Post A Comment Text With a Cool Image On Blogger". If you want to post a comment on blogger, you'll see a "Post A Comment" Text on the top of comment box, it simple but i think not elegant. So now we will
change the "Post A Comment" text with a Cool Image On Blogger.
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 section
1. 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
Read More "Replace Post A Comment Text With a Cool Image On Blogger"