Changing "Post a Comment" With Image and Text

Changing "Post a Comment" With Image and 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 >

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrHzwYgh8pFQRBJoGctGiE-HoC0aNsb_K7H80PMeSUdQ-rTKTbKmADirp0jMozNLSvxrpfOWNp_6dv_Tvi56PcL70iDTpQqmvCZDXDWbxLtSus2Ta0SGfe1OnIyf2UmThuv6H-tZsPKRI/s1600/animated+comment+arrow+7.gif'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVGKaD-GCAHq5yKlNYoqbJ3ek7-STuuDl53hH7sqFdS67PdOKfjPQCNPll5iotxip1EpPVt3WLgST2gRFuPG4Gqgv08ByOuWbrdE7Sgk70CEdETtgwgzppHUJfjvGRA-fgn86JeUbuXaI/s1600/colored+comment++2.png'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgv1rF11LNPbXEXl7MQVYWUad8yMx4aY8CR827ND0k5MadmVZaWymnZs8MBw9ZnRqScq_KA2nFB2VAFUY_1BZRGUzC9YpKBegptP3DeUOdpWN4L4GZimmifQQCvuQgkO0C0KtTyKeuD40U/s1600/comment+9.gif'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMfSkm8syMH06spmTH7VlFIUreCTAktkGbd805IGB7PREIdj3naJWjj08RrnuBIUfKQgTZSzUmLurZ8xMnRdhngctRHhK43NWLihuuPVhcV95VKdBZk8n4HYnj8sVyKE-wf8ImNRwUUF4/s1600/comment+cloud+3.png'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSVglZDwoEHUOg95H74MW27_Q-v4I1_kyavpA1bj_oEiSqBFMlYgh8JCEPJjkpVjdo5lC4cW_NGcaP1DdyF8CT_h8N9opuQJxYswdfFdKEDNUuvzRU9vmKgyoeibPkPQI-uA7KO_wE5lo/s1600/leave+a+comment+8.png'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhCG661wixk0miUBe4agFW-xrj1RkH-wLoFiWVndG5NypZmJl_qAhni5dQ_o9UFewUPtLT34zOMHpZaqTslJULn1InaO93dS8F7chrmPi4m8o3kPql3qPXD8Q82XEmtUY7Z344eyPgcB0/s1600/comment+here+blue+4.gif'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpjZCAYkLF-vfDARhR2YtuTdTIWN2sMfnQphtShc9eDFTMsfN9cNm0xRwWzlTNR7dzHC6CqGHBeolOPM7VjWFFb_r7EIUViVHXVGpYeYTPYbz9D4T481lUXfxVnnx69JuRpLkwSNro_40/s1600/leave+a+comment+1.png'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWygpnQIIV8yA5Ik74rbm4j2QV2rOCl1ab6V1GTzqbAW34XH9y5ju-gyIhDbRS5_x74qhgQarrpsgd93KIRAsmesHAuNC24jvd8gOwNResjf6ldRkTJwNCN2RDVKv-mq-xLKSUTBjhy6I/s1600/comment+here+flowers+5.png'

img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFsaBz94-d-DG4_8PqYSN3fRZ6wkRr23OPAlsD04wBc516RlGr-yGchKkmOImtTlYzAVhH_YH5V2prYNSDqpJixNEwWhQy8RFbJW02kSSUVvWhF-iDW1AAvhxk-DBPCS3N-aXBji3oJJnU/s800/what-question-mark.gif'

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.

Sourav

Pop up Email Subscribe box for Blogger Pop up Email Subscribe box for Blogger - is a blogger widget using jquery. This subscription form created with c
Limitation of Blogpost blog - Complete list Limitation of Blogpost blog Complete list - Today i am share a list of Blogspot blogger limits. We know, blogspot i
How To Easily Download From Indishare Indishare Is A very Popular And Worldwide File Sharing Service . Because of Adds Some people Facing Problem t
How To Remove Showing Post With Label In BloggerFor any default Blogger layout, the "Showing posts with label" message shows up above the posts each time you click on

SN Design

Changing "Post a Comment" With Image and Text

Sourav

Related Article