Leatest Tricks:

Changing "Post a Comment" With Image and Text

Sourav 7/27/2015
Changing "Post a Comment" With Image and Text-

customize post a comment with text

1. Go to blogger Dashboard and open template editor >

2. Find the bellow code
<h4 id='comment-post-message'> <data:postCommentMsg/></h4>
 3. Replace this code   data:postCommentMsg With one of the image link from bellow >

replace post comment image
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrHzwYgh8pFQRBJoGctGiE-HoC0aNsb_K7H80PMeSUdQ-rTKTbKmADirp0jMozNLSvxrpfOWNp_6dv_Tvi56PcL70iDTpQqmvCZDXDWbxLtSus2Ta0SGfe1OnIyf2UmThuv6H-tZsPKRI/s1600/animated+comment+arrow+7.gif'
or
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVGKaD-GCAHq5yKlNYoqbJ3ek7-STuuDl53hH7sqFdS67PdOKfjPQCNPll5iotxip1EpPVt3WLgST2gRFuPG4Gqgv08ByOuWbrdE7Sgk70CEdETtgwgzppHUJfjvGRA-fgn86JeUbuXaI/s1600/colored+comment++2.png' 
or
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv1rF11LNPbXEXl7MQVYWUad8yMx4aY8CR827ND0k5MadmVZaWymnZs8MBw9ZnRqScq_KA2nFB2VAFUY_1BZRGUzC9YpKBegptP3DeUOdpWN4L4GZimmifQQCvuQgkO0C0KtTyKeuD40U/s1600/comment+9.gif'
or
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMfSkm8syMH06spmTH7VlFIUreCTAktkGbd805IGB7PREIdj3naJWjj08RrnuBIUfKQgTZSzUmLurZ8xMnRdhngctRHhK43NWLihuuPVhcV95VKdBZk8n4HYnj8sVyKE-wf8ImNRwUUF4/s1600/comment+cloud+3.png'
or
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSVglZDwoEHUOg95H74MW27_Q-v4I1_kyavpA1bj_oEiSqBFMlYgh8JCEPJjkpVjdo5lC4cW_NGcaP1DdyF8CT_h8N9opuQJxYswdfFdKEDNUuvzRU9vmKgyoeibPkPQI-uA7KO_wE5lo/s1600/leave+a+comment+8.png'
or
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhCG661wixk0miUBe4agFW-xrj1RkH-wLoFiWVndG5NypZmJl_qAhni5dQ_o9UFewUPtLT34zOMHpZaqTslJULn1InaO93dS8F7chrmPi4m8o3kPql3qPXD8Q82XEmtUY7Z344eyPgcB0/s1600/comment+here+blue+4.gif'
or
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpjZCAYkLF-vfDARhR2YtuTdTIWN2sMfnQphtShc9eDFTMsfN9cNm0xRwWzlTNR7dzHC6CqGHBeolOPM7VjWFFb_r7EIUViVHXVGpYeYTPYbz9D4T481lUXfxVnnx69JuRpLkwSNro_40/s1600/leave+a+comment+1.png'
or
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWygpnQIIV8yA5Ik74rbm4j2QV2rOCl1ab6V1GTzqbAW34XH9y5ju-gyIhDbRS5_x74qhgQarrpsgd93KIRAsmesHAuNC24jvd8gOwNResjf6ldRkTJwNCN2RDVKv-mq-xLKSUTBjhy6I/s1600/comment+here+flowers+5.png'
or
img src='http://lh4.ggpht.com/_7wsQzULWIwo/SvZuZbFMFVI/AAAAAAAACJg/GcDGjs2LOik/s800/what-question-mark.gif'
or
img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivBeqAKOnYi-JWWoUw811oTD86bGSTUzQqc2A_huabjAM4ZYHZsCfVnheXtRD3_zBF9aN-6vhct9gXaKQRflEF_W6e0Em_hO4LYjjAsj3_nGX6hGTk90TUstA4GrTqGcjC5v8qUSvZJuA/s1600/thinking+man.gif'

4. If want to add some text beside this then you can write

<h4 id='comment-post-message'> <data:postCommentMsg/>Your Text Here</h4>
5. Now save template and chek you have done it.

Optional:

you can design comment h4 if you want then code is:

 #comments h4 {
color: #4E555A;
font-size: 23px;
font-family: Arial, Verdana !important;
line-height: 1.6em !important;
font-weight: bold;
margin: 0 0 20px;
padding: 10px 0 0;
}

 Thanks for reading this post.

Related Article

Previous
Next Post »
adss