How To Customize Comment Box In Blogger
- Login to blogger dashboard >> Template.
- Click on Edit Html.
- Backup your template in-case of any thing goes wrong.
- Now search the below code by pressing Ctrl+F
]]></b:skin>
- Copy the below code and paste it above/before ]]></b:skin>.
#tbt-comment iframe{
background:#ffffff url(IMAGE-Here) repeat;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#2F97FF ;
width:560px; height:213px !important;
}
#tbt-comment a{
color:#fff;
}
- Replace IMAGE-Here with the background image Url that you want to see in blogger comment box, we have already listed below some background links so you may enjoy attractive comment box.
- Again find the below code.
<div class='comment-form'>
- Replace the above with below code.
<div id='tbt-comment'>
- Now save your template and you are ready to enjoy your new blogger comment box.
Comment Box Background
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaEVSkc-zElrWyEqlIrEkvQ6X32oma5bxoTg3dpxQT0a5pSaPgYdTmKPYRVDp5q72j1Rqtnb8MfcRXIkbS8jNBn1h3JnkOLMGqLyfPOiojgczEmDwYDfR-JqPkyoW1EH-SsPOf4Fc7SUs5/s400/11.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdZIWpjzN_G1QnRVTKXNnj9ThKE_fZqHSnYtpaGdtDWIYkTnvtd_yQRsclxMqUnDwMdWIyWbUdzUIweDP-3LTLmhaYRmf1IBcKm9GtxRBp39mn9nxAyCOrhUZY1FAr8w_l_FAhoZe3KEs/s1600/HP-Laptop-Luster.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigjhzJZkePILuiN_ryfZoAoX3xGOZfCnSrnlNMZhZ1JbOsXQT4Nc5o1uvZkHKdB2qKzpKm46-vQEHcgYUZdE_wfimYNmu8-wNSwAlLXwhLNdU5wbMLp7EEyhoMdnjmPgyrH-xl6Vg-aVo/s1600/Moon-Ramadan-Theme-.jpg
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCkmazJhY1FVGAQdZgymlbUbxFX3CE0xdHb-xYJlinSHv53vr3AtNWh2oDvY6RPwtSjkaZtRc50tDt-KKMnaleV7WVAM2YtvH8tFakfxdJzS2oW7UBNX1ABUBoHzXh_F4MJj4lu0tPgEY/s1600/Eid-Theme.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGFE6ZBsJ7TtXDi6JlEO64EW4wcVnYAdoDeC0pes2xV_Gd6EVFp_CGHn_X1DYQPp7zm_Q0SYSkKICakHLOTFknZb7mgCXLjeBeDm9sZBB2asj-7wdQUlzMa-1gxoEOL2YV_HaKrSGBY8s/s320/Zeebra.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqXIcnW_aSeb_4mPo2s7fL0MTwxkEnKReiJep_jjYbSfVYWh91iEI7Yy0IRPFppdFKm3iDHeKlB-WHm44PNp5zMKpUr0eyrIXvlmZDCDLdsvvG2gc7ChwRAF4VvNIfCbWZf1x6VmEJr4k/s1600/Tree-RED.png
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSdgN1LJsBlQy6tsuhMWxS2qeFzK-xTUHkRVTbg7Dq5QdZ_VE6I_igBnerLu9qhDYA2hZzcp_WzhdOb9xB7PK8XSc6tv6C8oV7DCjfxagxZcPrINZ_rHxBBA__mNnYo0PjOy4dNyjSIlE/s1600/SnowFall.png
Final Words
So i hope you enjoyed this trick. If you think we missed some good themes just leave it in the below comment box we would love to include them in our list, till then happy blogging.
0 comments :
Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.
Note:
1. Make sure to click the "Subscribe By Email" link below the comment to be notified of follow up comments and replies.
2. Please "Do Not Spam" - Spam comments will be deleted immediately upon our review.
3. Please "Do Not Add Links" to the body of your comment as they will not be published.
4. Only "English" comments shall be approved.
5. If you have a problem check first the comments, maybe you will find the solution there.
Post a Comment