SKYPE EMOTIONS IN BLOGGERS COMMENTS

I made it as simple as it could be and I hope it will add an extra sweet flavor to your blogs. The codes for the emoticons are made easy so that readers could easily use an emoticon of their choice. You can increase the number of emoticons and can also customize the look and feel of the rectangular box of emoticons that will appear above the comment form.If you have any questions just drop me a hi! :>>

Follow These Steps:

1.Go to Blogger > DESIGN >  Edit HTML

2.Check the “Expand Widget Templates” box
3.Search for,

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

4.     Just below it paste the code below,


<div style=' width: 370px;  text-align: left;  border: 2px solid #0084ce;  background: #FEF9EA; padding: 10px;   color:#0084ce;  font-weight:bold;  '>

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQpNhC4I6r4RpMgIEJNvbhkwWegwImMiQOV55VA5NF-S4sw9GhfrygQiLbzS_RrT_lMZw9i0_D7cM71dvzFaPg7lpTF9nSwVCvGWlytwXWUKd5DhIPxoVFrV8JMOSZ1NnfEhAuMiZUWRs/s800/emoticon-0100-smile.gif'/> :a

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp2d0E4kSusUyjV-Y1bKWJ5rG0TbnuMS92c8kthodz5XZWY7B8Au-hBMXNbA-ebCS52edfjD1kcmu8oUtzXsxbfzlFaBWhJM07VdqEqsfOIZuY-kxZ4RgJ0AV67-Gk5CB_FUkJubnc1S8/s800/emoticon-0101-sadsmile.gif'/> :b

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVInhNJ63tCzuoO8IwC86Pk6Q-YELxQWL8gHuG4yfBxXALJp64bdPXTNGL0_YElD7uSavs0l0ZHyNWeDb9M6bNfpEiwLoaySzpwIsvxnK5f0b4yFZtqujUQ7WZXXmExHyBKgRECntS_4c/s800/emoticon-0102-bigsmile.gif'/> :c

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcp6DDDkd1UqjcTZxPZYwuyvA7kmzvhytX3LR_TKc4yyUX1lxVfHnSuAhFyNkIfNpcvrY1ECPy7B63bOWNxbaJXRCKEw0tkJaxmq5IpOs-g6pRyJxfwADE1_vC1nXYDctHEgKzB9cT6ME/s800/emoticon-0105-wink.gif'/> :d

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjErSSJJMaeqxdJsFRJqlCpPEIYv0zIF5_hVCsS40CwCfber_Ce9yxhWjowjMRPc-Ce2HoicjcLDhonfxEaAEqG7rfK4Khw9H2UQIoaxoqHq3nm7FKgEtt39FAYfi3rDLbhnqV_poHTsdI/s800/emoticon-0104-surprised.gif'/> :e

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix-3NT6wzgHSfU9NI61zD61hyFxEaLmby9cpi5NKYDw7Z2rfUmaLdmBrBe_pZ8eDxrXp8PejQM10ERKcs2ez-zdQ6K4sMXaMD5_99ocG-d8f1L-SUtfi9yIsbWtMWcWuw9Xd69RI1bEVA/s800/emoticon-0106-crying.gif'/> :f

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUHRBPEbL5fySSjH2QuHDwM_7wTXd991AfAFUjZNkh5yS1Y5ApRKqMS2L3UgmPcK8ILmUY3gzGm653huEWw3rRGZvNGYsIKfXr7Y9Sr1Hh6P5EErMLL_hZDZK-dA5R-cglcw3X-NoBR08/s800/emoticon-0109-kiss.gif'/> :g

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixn2ewxAI9DZjt9F4LekFzvnpviAV-3Qi0KFLYbFsoH7DgGHyId25NENFFCmYLITYs_LZs9AnLRNjwkboomgrEeVAgqoobw_2ssxk2YHm4Xh1XpUYMrKLSnmO3UJrrBWZZ0dHa4zyF8tU/s800/emoticon-0111-blush.gif'/> :h

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzFki8nQgpWcIY89v8jGB1ufkazuHTGLiZBQuxXYYNbI-Hqxt9FRBGdxLC9EsenC8PskKUD8VD2dj3LBB56ZyYVtTmoSrFeIf7fsSIQ66r76100fbcw5nYxarLyPU5tz2L6uPGTDxgpGE/s800/emoticon-0110-tongueout.gif'/> :i

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYvSOX2qwy-vPN37yisaIcBuws5BQqCirUqGqKMlll6oSCpxR3BU_lj7RhNn5wbZJFjAEYU2BEcM1_6VogVgJF8xfyMfIhKnfqViCY768Vae2q-83dcl6itVphF7i3c3HFwUFxnUl7SCc/s800/emoticon-0126-nerd.gif'/> :j

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3-wgSmlnFXw-frcuN4bnSJm4CbF46NcLMBZVldbxdo4Vb4zTMC0-CtjWfKd3ObqwutvfL5qt83r1T9nImz3KbHJLGJvPduCdygzTkBf_HALBUkY-6_B4NsgZMiqK8viyrdC76jGLzzlE/s800/emoticon-0103-cool.gif'/> :k

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2aAnQDCakZEPkC3D4DkrmtKdJ07p-E9qMswyIDkkieN5eSCy8HpLvAwG_wxArnZ1b0a6S-pJLkjl3Q3ZO3oy9WWknnY02t3mruSQvi6v96nJ9v8rQ_Dj__qIDUcBKJj-DPeAqkZAKkLE/s800/emoticon-0130-devil.gif'/> :l

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge6vAsNdeYAiGTC69n9NOqXo8R09CusfDG6Y_H8le4tnPpu0TTlclfAAAzyvt0lkOYDc7Hyr-quomoF1_ESe06GgDz8K-IONdpUTECnUbSl_VNUgFIgiyWWW3JrNVMnHuyqqsBtF1TTPg/s800/emoticon-0133-wait.gif'/> :m

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEDuOBO4nPg2S56wXZMkvrv7RMYjLPSShnbVRDSnQCFWdzojzU2zIeh06YsOSMx3uGQc9N85Y8833Q4M2sb8Vd5YqS-OFmhBpH174rk0bqmJ1CeYgViTs9YGrDpDu6Udi6GaTvYt5NN_Y/s800/emoticon-0137-clapping.gif'/> :n

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe5uqhmrEJP893zMzLofR7OxFIZ6HnZlv0bHAAXH4DBUz8LHxeYZkGFxvcRrJbVAb20mpK7HxZjbngAWbfj3kga5jH7wb0VmhBkiphfNJ0QVoNUAhsZQs-fRV_H2tNLXzYswe_E3LqRyk/s800/emoticon-0136-giggle.gif'/> :o

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJynSYkT-ZeDNufAvE6oDfmWlcy-ro6TYBsEqOaWSVc3Oxxzw6iCJEaWfm25eHU1IKl_nIpyikCpRVuNW2NTXHpBt7NsBpV2duCJZh8wvkpnCOm-4A4ui0LMW6kXKN2A-wqUEOUdXC6fM/s800/emoticon-0141-whew.gif'/> :p

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnHqY0l_xdO8TgVHd8hyA-MY3v9SpRN4ZSBrR8E38apNVZmSLrW3F5fGAcJH3I4pCW6SI3bMyuPsnu7UBzLnRbzmyXFUXC6Emo2HtdGlCb8nTtIlphUbvAKd_imGwTVQeFmOzpJjfXBtI/s800/emoticon-0148-yes.gif'/> :q

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlMYw_KcXKIGt_N1KwCPqTyxvbRiV_SmJLZuOueGGZLJKsIDotmi6wNTZvtN9FDMZdOprtCyWAgvgu_IK1lXhZ23D56jApTDhFlLmecVm2eukrynMHb5fyiYH8a1Na5flHcEzNPfNIwpQ/s800/emoticon-0149-no.gif'/> :r

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinNmNSEf7Bh42F4dZ-4IdQ5u_lUQKME0oAw9kjgrY0yxk_6GYyuVwLW7mJkvPWooht9vyw16Wph4rUy26mvu5Kg6F2xzzHfcXuh3SEZell_hTPz-X6kt_jffWZVf82xPC9PFPl9q3hh8M/s800/emoticon-0178-rock.gif'/> :s

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKqeifmMiCEN_oEUTfX46ki85l4GHCxlya5wTdgaRd-_rdWiso1iqDesKG6hjGzNcuca8nEAWRW3KEFojCg4JkyDM5H6e4UOGweHroOoAFelaQ9thhIYUzMJvy7_2g2MWTTXa-5EZxj6g/s800/emoticon-0155-flower.gif'/> :t
</div>

Save your template and view your blog to see a rectangular block of emoticons as shown below,

Note:- To change the appearance of the rectangular block simply edit the code in bolded green colour

 5.. Now find </body>  and paste the code below just above </body>

 Note:- You can also try adding the code below just above </head> instead.

<script type='text/javascript'>
//<![CDATA[ 
a = document.getElementById('comments'); 
if(a) { 
    b = a.getElementsByTagName("DD"); 
    for(i=0; i < b.length; i++) { 
            if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') { 
                _str = b.item(i).innerHTML.replace(/:j/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYvSOX2qwy-vPN37yisaIcBuws5BQqCirUqGqKMlll6oSCpxR3BU_lj7RhNn5wbZJFjAEYU2BEcM1_6VogVgJF8xfyMfIhKnfqViCY768Vae2q-83dcl6itVphF7i3c3HFwUFxnUl7SCc/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>"); 
                _str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3-wgSmlnFXw-frcuN4bnSJm4CbF46NcLMBZVldbxdo4Vb4zTMC0-CtjWfKd3ObqwutvfL5qt83r1T9nImz3KbHJLGJvPduCdygzTkBf_HALBUkY-6_B4NsgZMiqK8viyrdC76jGLzzlE/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>"); 
        _str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2aAnQDCakZEPkC3D4DkrmtKdJ07p-E9qMswyIDkkieN5eSCy8HpLvAwG_wxArnZ1b0a6S-pJLkjl3Q3ZO3oy9WWknnY02t3mruSQvi6v96nJ9v8rQ_Dj__qIDUcBKJj-DPeAqkZAKkLE/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>"); 
        _str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEge6vAsNdeYAiGTC69n9NOqXo8R09CusfDG6Y_H8le4tnPpu0TTlclfAAAzyvt0lkOYDc7Hyr-quomoF1_ESe06GgDz8K-IONdpUTECnUbSl_VNUgFIgiyWWW3JrNVMnHuyqqsBtF1TTPg/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>"); 
        _str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEDuOBO4nPg2S56wXZMkvrv7RMYjLPSShnbVRDSnQCFWdzojzU2zIeh06YsOSMx3uGQc9N85Y8833Q4M2sb8Vd5YqS-OFmhBpH174rk0bqmJ1CeYgViTs9YGrDpDu6Udi6GaTvYt5NN_Y/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>"); 
                _str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe5uqhmrEJP893zMzLofR7OxFIZ6HnZlv0bHAAXH4DBUz8LHxeYZkGFxvcRrJbVAb20mpK7HxZjbngAWbfj3kga5jH7wb0VmhBkiphfNJ0QVoNUAhsZQs-fRV_H2tNLXzYswe_E3LqRyk/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>"); 
                _str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJynSYkT-ZeDNufAvE6oDfmWlcy-ro6TYBsEqOaWSVc3Oxxzw6iCJEaWfm25eHU1IKl_nIpyikCpRVuNW2NTXHpBt7NsBpV2duCJZh8wvkpnCOm-4A4ui0LMW6kXKN2A-wqUEOUdXC6fM/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>"); 
                _str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnHqY0l_xdO8TgVHd8hyA-MY3v9SpRN4ZSBrR8E38apNVZmSLrW3F5fGAcJH3I4pCW6SI3bMyuPsnu7UBzLnRbzmyXFUXC6Emo2HtdGlCb8nTtIlphUbvAKd_imGwTVQeFmOzpJjfXBtI/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>"); 
                _str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlMYw_KcXKIGt_N1KwCPqTyxvbRiV_SmJLZuOueGGZLJKsIDotmi6wNTZvtN9FDMZdOprtCyWAgvgu_IK1lXhZ23D56jApTDhFlLmecVm2eukrynMHb5fyiYH8a1Na5flHcEzNPfNIwpQ/s800/emoticon-0149-no.gif' alt='' class='smiley'/>"); 
                _str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKqeifmMiCEN_oEUTfX46ki85l4GHCxlya5wTdgaRd-_rdWiso1iqDesKG6hjGzNcuca8nEAWRW3KEFojCg4JkyDM5H6e4UOGweHroOoAFelaQ9thhIYUzMJvy7_2g2MWTTXa-5EZxj6g/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>"); 
                _str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinNmNSEf7Bh42F4dZ-4IdQ5u_lUQKME0oAw9kjgrY0yxk_6GYyuVwLW7mJkvPWooht9vyw16Wph4rUy26mvu5Kg6F2xzzHfcXuh3SEZell_hTPz-X6kt_jffWZVf82xPC9PFPl9q3hh8M/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
                _str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQpNhC4I6r4RpMgIEJNvbhkwWegwImMiQOV55VA5NF-S4sw9GhfrygQiLbzS_RrT_lMZw9i0_D7cM71dvzFaPg7lpTF9nSwVCvGWlytwXWUKd5DhIPxoVFrV8JMOSZ1NnfEhAuMiZUWRs/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>"); 
        _str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp2d0E4kSusUyjV-Y1bKWJ5rG0TbnuMS92c8kthodz5XZWY7B8Au-hBMXNbA-ebCS52edfjD1kcmu8oUtzXsxbfzlFaBWhJM07VdqEqsfOIZuY-kxZ4RgJ0AV67-Gk5CB_FUkJubnc1S8/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>"); 
        _str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhVInhNJ63tCzuoO8IwC86Pk6Q-YELxQWL8gHuG4yfBxXALJp64bdPXTNGL0_YElD7uSavs0l0ZHyNWeDb9M6bNfpEiwLoaySzpwIsvxnK5f0b4yFZtqujUQ7WZXXmExHyBKgRECntS_4c/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>"); 
        _str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcp6DDDkd1UqjcTZxPZYwuyvA7kmzvhytX3LR_TKc4yyUX1lxVfHnSuAhFyNkIfNpcvrY1ECPy7B63bOWNxbaJXRCKEw0tkJaxmq5IpOs-g6pRyJxfwADE1_vC1nXYDctHEgKzB9cT6ME/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>"); 
        _str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjErSSJJMaeqxdJsFRJqlCpPEIYv0zIF5_hVCsS40CwCfber_Ce9yxhWjowjMRPc-Ce2HoicjcLDhonfxEaAEqG7rfK4Khw9H2UQIoaxoqHq3nm7FKgEtt39FAYfi3rDLbhnqV_poHTsdI/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>"); 
        _str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEix-3NT6wzgHSfU9NI61zD61hyFxEaLmby9cpi5NKYDw7Z2rfUmaLdmBrBe_pZ8eDxrXp8PejQM10ERKcs2ez-zdQ6K4sMXaMD5_99ocG-d8f1L-SUtfi9yIsbWtMWcWuw9Xd69RI1bEVA/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>"); 
        _str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUHRBPEbL5fySSjH2QuHDwM_7wTXd991AfAFUjZNkh5yS1Y5ApRKqMS2L3UgmPcK8ILmUY3gzGm653huEWw3rRGZvNGYsIKfXr7Y9Sr1Hh6P5EErMLL_hZDZK-dA5R-cglcw3X-NoBR08/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>"); 
                _str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixn2ewxAI9DZjt9F4LekFzvnpviAV-3Qi0KFLYbFsoH7DgGHyId25NENFFCmYLITYs_LZs9AnLRNjwkboomgrEeVAgqoobw_2ssxk2YHm4Xh1XpUYMrKLSnmO3UJrrBWZZ0dHa4zyF8tU/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>"); 
        _str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzFki8nQgpWcIY89v8jGB1ufkazuHTGLiZBQuxXYYNbI-Hqxt9FRBGdxLC9EsenC8PskKUD8VD2dj3LBB56ZyYVtTmoSrFeIf7fsSIQ66r76100fbcw5nYxarLyPU5tz2L6uPGTDxgpGE/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>") 
                b.item(i).innerHTML = _str; 
            } 
    } 
}
//]]>
</script>



6.  Save your template and view the beautiful change! :D

The Emoticons Will appear In Both Readers and Author’s Comments!