7 Jan 2013

couch mode print story

How to change Blogger "Post A Comment" Message

In this tutorial i will show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, I will make available to you a few cool images or you can add your own image if you like... so let's get started.



How to replace Post a Comment with an image

To replace  "Post A Comment" message in your Blogger / Blogspot blog follow the next steps:

Step 1. Log in to Blogger, go to your Blogger Dashboard >> Design >> Edit HTML

Step 2. Tick the "Expand Widget Templates" checkbox.

Step 3. Now search (CTRL + F) for the code marked in red:

<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>


...and for this one too:

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

Step 4. Replace <data:postCommentMsg/> with one of the below images codes:


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieMPsNoN1TuO5ARnjBqnNFfP3VgunFR4AVH2_nFYWiKq_-yNEuFh5jCle_G7QYrxf5EQuJ_GMs-41yi7HDM12BmOtu7yWHy46Zl2EeeN56NaDQgM71dEpU1EnAFyM5OvvzxUFiko5cUUU/s1600/leave+a+comment.png" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1J-eAowQlnkHTeBYbX4SouXGVrWXXQjsOqFEM_Lm_tm6b1YmQXTWnj3PI3qEkJ_Y_9k1frA5Gigd2v26nO2DeGEl6oSUsQyy2-ET7XlmqwmB25U7Oyizqh5Rttu2QqZLv8psnuYRNIdU/s1600/Post+a+comment+blogger.png" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfUu6hSq1eDtyPKTKZDPOtcyc-iKHv-DcI-Vi93tNbVMCUOr33yorwLhuLmUl-aar0Z8GGhIu5dT4qrfbpNJNnPDQ3KgREVEWP-jf7kLBepUHLUCFWR7noiVks6boSfXyOSIysSfHvM6qA/s1600/animated+comment+arrow.gif" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3MUgv1MaVIlBqxlVBO5H2q-ScPUiVFI6S846zlfSoalqK_xE_gYKCQ55KEsjmXrfUidDS1d28ukmb2hy_uGfwLnSR2_oK6H2tvYwUcc6MNEs6gM0qADVL7i3q1QhH3XoB9Fl7Pb44opgd/s1600/leave+a+comment2.png" />


<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBRUCg3Mrbv4A21yKarY_2GrX1cfaILgKd7mqcN1RF7EQk_iM-UlfTa1TNi0bl6Q-2IgEBeoO6XJ4lrw0BAq1hona_xfPWIhl2y8Yy-im2JtikBqQ_S30YNh1PJhP01dtodJLtSDIr9SxV/s1600/comment.gif" />

You can use your own image instead. Just upload your image on Blogger, switch to Edit HTML tab, copy the image code and replace <data:postCommentMsg/> with your code.

UPDATE! Step 5. The first steps will replace the text only when there are no comments available. To show the image each time new comments are added, we should add the code of the image we want to appear after the 4th of the below code (search 4 times for it):

<p><data:blogCommentMessage/></p>

Step 6. Save Your Template.


Thats it! I hope you like your new comment form !

5 comments:

  1. Make sure the things in your home are insured before you plan any repairs.
    Bring your laptop, most places have internet access. It is important to settle agreements between the two parties through documentation.



    Also visit my weblog ... basement finishing atlanta

    ReplyDelete
  2. QA stands for Quality Assurance, just in case you
    were wondering. At least we earn money from doing something that we really loved.
    You can drive some of the best luxury cars, as well as tuners,
    muscle cars, and motorcycles.

    my blog post ... & - howtobecomeagametester.webs.com -

    ReplyDelete
  3. This may be your so the next time you need money you're
    not having to rely on a company to give you a loan.
    After the lender has checked and approved all of the standard home loan requirements,
    a loan commitment letter will be issued and sent to you.
    As opposed to credit cards, personal loans provide inexpensive sources of
    funds.

    Have a look at my weblog :: Hometown Lenders LLC

    ReplyDelete
  4. Amazing knowledge and I like to share this kind of information with my friends and hope they like it they why I do. Libri PDF

    ReplyDelete

Blogger Widgets