In this tutorial I want to show you how to replace the 'Post A Comment' text that appears above the comment form with an image. Also, I added a few cool images that you can use but you can as well add your own image, that depends on your tastes. So, let's start adding it!
How to replace Post a Comment with an image
In order to replace "Post A Comment" message in Blogger / Blogspot, follow the steps below:
Step 1. Log in to Blogger, go to your Blogger Dashboard and select your blog.
Step 2. Go to Template and press the Edit HTML button
|  | 
| Screenshot | 
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>...and for this one too:
<data:postCommentMsg/></a>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>Step 4. Replace <data:postCommentMsg/> with one of the below image addresses:
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5l672dxa0ZjmnoTw9yHcYMlrp5Tm-UxOZxG9Hd1RM6vZZyzlwcTcXXfSAAkcBcdWISgEZZ88ggtZYOopRfMgw6Xr2WdoQvAZOyF57iu73SoTSnVkWI6lJi8-7Ae9CGT1yfprOvjOpJeQ/s1600/leave+a+comment.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgru8HfV-dUOH1BKw1j3GFWYK6dSoPKf6J8CJdUhlZMOVHlRGO2GnpV5Bq_ybjG8dfLJI3fPJJm-HO2PY9tdg38mUnuzf51G6P2I0R1Sj9Yfp5SL3YsRbo-SQcY-bsKt0n_wPkjNYBdOvI/s1600/Post+a+comment+blogger.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYt-oMQhXefNWXTXT_Hym8PAZpLKsjcbRCLc_qung8rVjVdbvQXn8bba3disVJvjDSGpOds6EmQyxkEXWSo2wN78zfpz-xEpslsZKlEPRFZGxGOz19maDGijhnxoH0Uv3WdgVwXCu5Vthc/s1600/animated+comment+arrow.gif" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIuaBkkp8wd7LIpJ7b2KaViklyEuBelHBQPWLDbQXw6wY2skzR61AV8meD3wAM3-PGL_2zSYJMVaqJxA4DOBSvrQ9sUxZdQMVpQJbW7DaorJyaQC59q80Y_fY7FegvEqgpBxRdjst0agHg/s1600/leave+a+comment2.png" />
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu57b5yDMRKxfWGErNSVSTVNjSZ-YGzosRup_Ayep12vDsZyHLz-87Ihyp0_HLhY9dG6wGA798bs9NMq8JV0zIC3zv_IlLhfurslAswJKcZmb5915Antx-gqVjVQaN3qBvDcJRxSB2Pkh1/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 (you'll find it in more than one location):
<p><data:blogCommentMessage/></p>
<center><img src="Image-URL"/></center>Step 6. Save Your Template.
Thats it! I hope you like your new comment form!
UK Canada Insurance Transfer Recovery Mortgage Rehab ANNUITY SETTLEMENT Degree Blogs Based On Donations Loans Dreamhost STRUCTURE SETTLEMENTS Credit Software Lawyer mesothelioma survival rates structured settlement buyer Online Colleges mesothelioma attorneys california Donate Hosting Classes · PaperPort Promotional Code Online Making Money MISSISSIPPI MESOTHELIOMA LAWYER How to donate a car in California Automobile Accident Attorney Donate Car for Tax Credit · Car Accident Lawyers Mesothelioma Law Firm How much to sell domain name for domain name yahoo Nunavut culture Claim Treatment Gas/Electricity Conference Call Forex Trading Cord Blood structured settlement annuity companies Trading Donate car to charity California Attormey Fashion and Design benchmark lending mesothelioma claim Attomey Tourism or Travel Donate cars in ma Fastest VPS hosting Donate Car to Charity California STRUCTURED ANNUITY SETTLEMENT NUNAVUT CULTURE DAYTON FREIGHT LINES AUTO ACCIDENT LAWYER DENVER Fatcow structured settlements annuities mesothelioma suit small business administration sba · Mortgage Adviser Insurance Blogs






 
No hay comentarios:
Publicar un comentario