Saturday 10 April 2010

Add skype emoticons to blogger


Skype is a free service that enables us to make calls and send instant messaging over the internet .

Personally i uses skype a lot and loves to use smiles ,nothing would be better than if we could add skype emoticons to blogger.

You may have seen tutorial to add yahoo emoticons to blogger ,this tutorial works on the same method.

Firstly we will include emoticons and symbols to our template so that our visitors know how to use this empticons.
[1] Login to dashboard and move to Edit Html tab.
[2]"Expand Widget Template"
[3]Locte this line of code.
<p> <data:blogCommentMessage/> </ p>
 [4]Just below paste this code:

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

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

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Gv83EOEIzHNknwAts1mWP_fFbGihR20dQUGiysCvlUI4SwBgtqua5Z0edHPhLo2q4zdl1tJuSYpqJMGxXY9fpzWiLqoLssFtEk4mfUUnNpYm4zvKvaq2fQdhbDQSeH-fnjuz2BBqE-0/s800/emoticon-0101-sadsmile.gif'/> :b <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Gv83EOEIzHNknwAts1mWP_fFbGihR20dQUGiysCvlUI4SwBgtqua5Z0edHPhLo2q4zdl1tJuSYpqJMGxXY9fpzWiLqoLssFtEk4mfUUnNpYm4zvKvaq2fQdhbDQSeH-fnjuz2BBqE-0/s800/emoticon-0101-sadsmile.gif'/>: b

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

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

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

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOoSnAohhyO08fAbgD_HQtednVCkPmK3PpXZunW8ZcOpKVycx-OlLDmZN7cpb87h2lOso_x7iAL95mP9XCZmkofOKx2g-xqWD_VD67sAqsw0AEwyaAkvg0kZqwGn4EUYTpFbzIDpqpXs/s800/emoticon-0106-crying.gif'/> :f <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOoSnAohhyO08fAbgD_HQtednVCkPmK3PpXZunW8ZcOpKVycx-OlLDmZN7cpb87h2lOso_x7iAL95mP9XCZmkofOKx2g-xqWD_VD67sAqsw0AEwyaAkvg0kZqwGn4EUYTpFbzIDpqpXs/s800/emoticon-0106-crying.gif'/>: f

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiHSYUHtCb8D7QrKJHiqNsUDH-53VgaqR2LuIzUdzxf_srbgqum-EIDE66erHB3SZXlUPtK73vHcBZsVZKk8EjD2Q3LvAnaZfBV8CXCHVx1tpSvHM6T_HvUx6gyD10aSaV9eqSMFeQF8A/s800/emoticon-0109-kiss.gif'/> :g <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiHSYUHtCb8D7QrKJHiqNsUDH-53VgaqR2LuIzUdzxf_srbgqum-EIDE66erHB3SZXlUPtK73vHcBZsVZKk8EjD2Q3LvAnaZfBV8CXCHVx1tpSvHM6T_HvUx6gyD10aSaV9eqSMFeQF8A/s800/emoticon-0109-kiss.gif'/>: g

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

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

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

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxZPZ0mKA62R4nZorzZ8hTzs6A4cR-5NyGua2ehyphenhyphenl2AkOQ7-SznCnHDjEiOSUMLldwWN-Y-K7k83dubRp1J_mUsYBKVttdIOKpCOM_F99oicS8Fi2GaykmjfeBInMDQFEsXrX1YUnx42E/s800/emoticon-0103-cool.gif'/> :k <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxZPZ0mKA62R4nZorzZ8hTzs6A4cR-5NyGua2ehyphenhyphenl2AkOQ7-SznCnHDjEiOSUMLldwWN-Y-K7k83dubRp1J_mUsYBKVttdIOKpCOM_F99oicS8Fi2GaykmjfeBInMDQFEsXrX1YUnx42E/s800/emoticon-0103-cool.gif'/>: k

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

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

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

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

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga1Z1MED8Cq4xlhsauhbZqRLYGCGZimMvr02cGr9b_eQBgotDrwazVBo_SczJ6KKd4bP4cnu01PTDK47TZHxFcZXdmbLEXKPsP79YksWJikjaMgWw1OH4Yup-wD3g4jsKavYaKPdEG81k/s800/emoticon-0141-whew.gif'/> :p <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga1Z1MED8Cq4xlhsauhbZqRLYGCGZimMvr02cGr9b_eQBgotDrwazVBo_SczJ6KKd4bP4cnu01PTDK47TZHxFcZXdmbLEXKPsP79YksWJikjaMgWw1OH4Yup-wD3g4jsKavYaKPdEG81k/s800/emoticon-0141-whew.gif'/>: p

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GIBg_HZMaFPDq1wWSU7ZGY-IyfU0yQxsMCeS7BnkgWxYPCZJsAG98jfRhoJzQmM2p6t6_HzAjpUyTT-iHq-sr5-1Ck2y_SK73pbCDTTqrmlw6BWBe5u1yOHlPQwn3E4mhN7mScluDy8/s800/emoticon-0148-yes.gif'/> :q <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GIBg_HZMaFPDq1wWSU7ZGY-IyfU0yQxsMCeS7BnkgWxYPCZJsAG98jfRhoJzQmM2p6t6_HzAjpUyTT-iHq-sr5-1Ck2y_SK73pbCDTTqrmlw6BWBe5u1yOHlPQwn3E4mhN7mScluDy8/s800/emoticon-0148-yes.gif'/>: q

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

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

&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2MF1-fJ6E34sEJAqOEGy1IPl0l-YWMXDu9a5UWYT-ur9wkeAIzHezfI_9cso5vio4v4HN_HooCws9BHLxqnjYN4alxXQaHoD2IakUuu3fNTMSC0_M0K8HFiaJS3Lj-ccQvqqg6tQhHM/s800/emoticon-0155-flower.gif'/> :t <img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2MF1-fJ6E34sEJAqOEGy1IPl0l-YWMXDu9a5UWYT-ur9wkeAIzHezfI_9cso5vio4v4HN_HooCws9BHLxqnjYN4alxXQaHoD2IakUuu3fNTMSC0_M0K8HFiaJS3Lj-ccQvqqg6tQhHM/s800/emoticon-0155-flower.gif'/>: t
</div> </ Div>
 Save changes and we can see these emoticons above the comment form.

This emoticons are not yet working ,to make them working we have to include script in the template code.

[5] Locate the </body> in our template (the code near the end of it) and just above it, paste the script:

<script type='text/javascript'>

//<![CDATA[ //<![ CDATA [
a = document.getElementById('comments'); a = document.getElementById ('comments');
if(a) { if (a) (
b = a.getElementsByTagName("DD"); b = a.getElementsByTagName ("DD");
for(i=0; i < b.length; i  ) { for (i = 0; i <b.length; i    ) (
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') { 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/AVvXsEhtsfw9l6H4ZQG_ALtCoO78Tod2V1k0IgL723wdghqbH53uXEP9cVx59fgZfoezoeQxAlTxAdYtZR7bXwQicSYup0j5RoqE1fnlPoq4_216ot1z_s0EhZZErLroUTh1UX-GkPSDioC3oQU/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>"); _str = b.item (i). innerHTML.replace (/: j / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtsfw9l6H4ZQG_ALtCoO78Tod2V1k0IgL723wdghqbH53uXEP9cVx59fgZfoezoeQxAlTxAdYtZR7bXwQicSYup0j5RoqE1fnlPoq4_216ot1z_s0EhZZErLroUTh1UX-GkPSDioC3oQU/s800/emoticon-0126-nerd . gif 'alt =''class =' smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxZPZ0mKA62R4nZorzZ8hTzs6A4cR-5NyGua2ehyphenhyphenl2AkOQ7-SznCnHDjEiOSUMLldwWN-Y-K7k83dubRp1J_mUsYBKVttdIOKpCOM_F99oicS8Fi2GaykmjfeBInMDQFEsXrX1YUnx42E/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>"); _str.replace _str = (/ k / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxZPZ0mKA62R4nZorzZ8hTzs6A4cR-5NyGua2ehyphenhyphenl2AkOQ7-SznCnHDjEiOSUMLldwWN-Y-K7k83dubRp1J_mUsYBKVttdIOKpCOM_F99oicS8Fi2GaykmjfeBInMDQFEsXrX1YUnx42E/s800/emoticon-0103-cool.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR6ni8KU72kL8kCR-XuNlO7AHL77pHTsni1k38mGJuyGQCkxkkUMv7lgim1_OJeDOH_6Do4hF8sMK5Vscdw_RXCXd9RCHpZmFCv0xbk8fTCj0aP4qrAipue3O61uxkDOYGoYidOskgWZA/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>"); _str.replace _str = (/: l / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgR6ni8KU72kL8kCR-XuNlO7AHL77pHTsni1k38mGJuyGQCkxkkUMv7lgim1_OJeDOH_6Do4hF8sMK5Vscdw_RXCXd9RCHpZmFCv0xbk8fTCj0aP4qrAipue3O61uxkDOYGoYidOskgWZA/s800/emoticon-0130-devil.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC_Ezc_ev9VZnMhMDjle2c-duX_t2SAOC0X_jnnn9nSo8uHwbywmM0xX1E_oSjktVmjhsaJlXlg5Ga3xHpWYCE9E_VggaJ_8KZ7NwOYD3Q-BEDYL0iuK1YkU49mU2z3Njv1noXnUStWv4/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>"); _str.replace _str = (/: m / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC_Ezc_ev9VZnMhMDjle2c-duX_t2SAOC0X_jnnn9nSo8uHwbywmM0xX1E_oSjktVmjhsaJlXlg5Ga3xHpWYCE9E_VggaJ_8KZ7NwOYD3Q-BEDYL0iuK1YkU49mU2z3Njv1noXnUStWv4/s800/emoticon-0133-wait.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH3_Vo87pHKWIoNCSwOCL7oCQVnaGyLfVLC0lAAvRU9tJ3LSTt0hBYvHHvyV0Fr10C2Kb6JumsKOD4Ac7_TlorTzsImvTrPNpPajeU6x4_YjtQufizLU0_rkObrRnSkP1sCjo5lVmiJdQ/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>"); _str.replace _str = (/: n / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhH3_Vo87pHKWIoNCSwOCL7oCQVnaGyLfVLC0lAAvRU9tJ3LSTt0hBYvHHvyV0Fr10C2Kb6JumsKOD4Ac7_TlorTzsImvTrPNpPajeU6x4_YjtQufizLU0_rkObrRnSkP1sCjo5lVmiJdQ/s800/emoticon-0137-clapping.gif' alt = ''class = 'smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikxFIfHQoh9m5LhUa4yQkFlqHZDRRUjuXVFui-7wv1eWlkrNctQxnAi5tO4w-zUq0VE0i4KGame0w3nQAUvQy2qsd8Zm05taJLv7Qaqu2_5vXmVZ43G11BXqKjwy7vGPKbVqGovgxJeHw/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>"); _str.replace _str = (/: o / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikxFIfHQoh9m5LhUa4yQkFlqHZDRRUjuXVFui-7wv1eWlkrNctQxnAi5tO4w-zUq0VE0i4KGame0w3nQAUvQy2qsd8Zm05taJLv7Qaqu2_5vXmVZ43G11BXqKjwy7vGPKbVqGovgxJeHw/s800/emoticon-0136-giggle.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga1Z1MED8Cq4xlhsauhbZqRLYGCGZimMvr02cGr9b_eQBgotDrwazVBo_SczJ6KKd4bP4cnu01PTDK47TZHxFcZXdmbLEXKPsP79YksWJikjaMgWw1OH4Yup-wD3g4jsKavYaKPdEG81k/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>"); _str.replace _str = (/: p / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga1Z1MED8Cq4xlhsauhbZqRLYGCGZimMvr02cGr9b_eQBgotDrwazVBo_SczJ6KKd4bP4cnu01PTDK47TZHxFcZXdmbLEXKPsP79YksWJikjaMgWw1OH4Yup-wD3g4jsKavYaKPdEG81k/s800/emoticon-0141-whew.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GIBg_HZMaFPDq1wWSU7ZGY-IyfU0yQxsMCeS7BnkgWxYPCZJsAG98jfRhoJzQmM2p6t6_HzAjpUyTT-iHq-sr5-1Ck2y_SK73pbCDTTqrmlw6BWBe5u1yOHlPQwn3E4mhN7mScluDy8/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>"); _str.replace _str = (/: q / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GIBg_HZMaFPDq1wWSU7ZGY-IyfU0yQxsMCeS7BnkgWxYPCZJsAG98jfRhoJzQmM2p6t6_HzAjpUyTT-iHq-sr5-1Ck2y_SK73pbCDTTqrmlw6BWBe5u1yOHlPQwn3E4mhN7mScluDy8/s800/emoticon-0148-yes.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfXvrXXMw_wqqRFCaBfpauhkt7zan6pMKsBm8yLepGfwFyVd07ABY4B9EElrzJ3SH0K0berVFEa7VTMk2oYYKEb4CKy9Y9KWTyb7r1MHsW0RMpwFP75_aYNMKPYzA9h_sbV5ZDllGTbgc/s800/emoticon-0149-no.gif' alt='' class='smiley'/>"); _str.replace _str = (/ r / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhfXvrXXMw_wqqRFCaBfpauhkt7zan6pMKsBm8yLepGfwFyVd07ABY4B9EElrzJ3SH0K0berVFEa7VTMk2oYYKEb4CKy9Y9KWTyb7r1MHsW0RMpwFP75_aYNMKPYzA9h_sbV5ZDllGTbgc/s800/emoticon-0149-no.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2MF1-fJ6E34sEJAqOEGy1IPl0l-YWMXDu9a5UWYT-ur9wkeAIzHezfI_9cso5vio4v4HN_HooCws9BHLxqnjYN4alxXQaHoD2IakUuu3fNTMSC0_M0K8HFiaJS3Lj-ccQvqqg6tQhHM/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>"); _str.replace _str = (/: t / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhd2MF1-fJ6E34sEJAqOEGy1IPl0l-YWMXDu9a5UWYT-ur9wkeAIzHezfI_9cso5vio4v4HN_HooCws9BHLxqnjYN4alxXQaHoD2IakUuu3fNTMSC0_M0K8HFiaJS3Lj-ccQvqqg6tQhHM/s800/emoticon-0155-flower.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiCr_YefYZuV3HU6p3hi2BNp9rDyiBS5eyFGOCRG7dAwT_npj6njk1Aw7rOlrwVNaGg9sH41EdjKWcV1UqF7H5crKQVQhb3tDWSLhp6WVxli9mvKhzTdAVU3xdOirDUGGDl4NDpMbyto0/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>"); _str.replace _str = (/: s / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhiCr_YefYZuV3HU6p3hi2BNp9rDyiBS5eyFGOCRG7dAwT_npj6njk1Aw7rOlrwVNaGg9sH41EdjKWcV1UqF7H5crKQVQhb3tDWSLhp6WVxli9mvKhzTdAVU3xdOirDUGGDl4NDpMbyto0/s800/emoticon-0178-rock.gif' alt =''class = 'smiley'/>");

_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg7_GlhXnNz38iNRKQ-5IbaNCtxDzGF9pfsKY17j6nVOtfsGWePMNPZMQDigVham2Zfot_2iMEK6lLw7XkISVeNIgppFjxsGGq9geOg4MHccDJeESNllyEzeSxY_6wS_RryBbPOvSPKuw/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>"); _str.replace _str = (/: a / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgg7_GlhXnNz38iNRKQ-5IbaNCtxDzGF9pfsKY17j6nVOtfsGWePMNPZMQDigVham2Zfot_2iMEK6lLw7XkISVeNIgppFjxsGGq9geOg4MHccDJeESNllyEzeSxY_6wS_RryBbPOvSPKuw/s800/emoticon-0100-smile.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Gv83EOEIzHNknwAts1mWP_fFbGihR20dQUGiysCvlUI4SwBgtqua5Z0edHPhLo2q4zdl1tJuSYpqJMGxXY9fpzWiLqoLssFtEk4mfUUnNpYm4zvKvaq2fQdhbDQSeH-fnjuz2BBqE-0/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>"); _str.replace _str = (/ b / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7Gv83EOEIzHNknwAts1mWP_fFbGihR20dQUGiysCvlUI4SwBgtqua5Z0edHPhLo2q4zdl1tJuSYpqJMGxXY9fpzWiLqoLssFtEk4mfUUnNpYm4zvKvaq2fQdhbDQSeH-fnjuz2BBqE-0/s800/emoticon-0101-sadsmile.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtjSMxcS7NHt8MBJLD1sWIiwQydyu5d1EMlSAIoNEzDGt4msGXvBHCF6M15xU5tcx-3MkK6A6xE8lmEhNXM8UkFr2Z5imu3qwoAAERRhH1QTFPGQ5OYBKYgjd1OdAbAlUYFogjfz4mhkI/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>"); _str.replace _str = (/: c / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtjSMxcS7NHt8MBJLD1sWIiwQydyu5d1EMlSAIoNEzDGt4msGXvBHCF6M15xU5tcx-3MkK6A6xE8lmEhNXM8UkFr2Z5imu3qwoAAERRhH1QTFPGQ5OYBKYgjd1OdAbAlUYFogjfz4mhkI/s800/emoticon-0102-bigsmile.gif' alt = ''class = 'smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS47pJWvRswCaLSCVcA-1GBhcKbqEYugpCwYm9yZCw6XretGw8HNI8Wv8HB6AeLTHLwi-kzcZzbh64YFXVN0pdWi7RI6flZh09cRDStiGNdrLMd8jaPkRfx10ME3MFLG206zRvbnkMXTY/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>"); _str.replace _str = (/: d / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiS47pJWvRswCaLSCVcA-1GBhcKbqEYugpCwYm9yZCw6XretGw8HNI8Wv8HB6AeLTHLwi-kzcZzbh64YFXVN0pdWi7RI6flZh09cRDStiGNdrLMd8jaPkRfx10ME3MFLG206zRvbnkMXTY/s800/emoticon-0105-wink.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDwgazB7YETfkdnZVQT4vDQvpWURgx134uoIPjRM9E1VjdQIPX1vtPZb-ZlkTf2uQ82Nz3KIBuRrxqv8FRxIV_YkAdRX6lDRj8de2DZ3B64AWdIZURsNJS4rqWoraBcprzoOK-yPQdmSw/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>"); _str.replace _str = (/: e / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDwgazB7YETfkdnZVQT4vDQvpWURgx134uoIPjRM9E1VjdQIPX1vtPZb-ZlkTf2uQ82Nz3KIBuRrxqv8FRxIV_YkAdRX6lDRj8de2DZ3B64AWdIZURsNJS4rqWoraBcprzoOK-yPQdmSw/s800/emoticon-0104-surprised.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOoSnAohhyO08fAbgD_HQtednVCkPmK3PpXZunW8ZcOpKVycx-OlLDmZN7cpb87h2lOso_x7iAL95mP9XCZmkofOKx2g-xqWD_VD67sAqsw0AEwyaAkvg0kZqwGn4EUYTpFbzIDpqpXs/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>"); _str.replace _str = (/ f / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkOoSnAohhyO08fAbgD_HQtednVCkPmK3PpXZunW8ZcOpKVycx-OlLDmZN7cpb87h2lOso_x7iAL95mP9XCZmkofOKx2g-xqWD_VD67sAqsw0AEwyaAkvg0kZqwGn4EUYTpFbzIDpqpXs/s800/emoticon-0106-crying.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiHSYUHtCb8D7QrKJHiqNsUDH-53VgaqR2LuIzUdzxf_srbgqum-EIDE66erHB3SZXlUPtK73vHcBZsVZKk8EjD2Q3LvAnaZfBV8CXCHVx1tpSvHM6T_HvUx6gyD10aSaV9eqSMFeQF8A/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>"); _str.replace _str = (/: g / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiHSYUHtCb8D7QrKJHiqNsUDH-53VgaqR2LuIzUdzxf_srbgqum-EIDE66erHB3SZXlUPtK73vHcBZsVZKk8EjD2Q3LvAnaZfBV8CXCHVx1tpSvHM6T_HvUx6gyD10aSaV9eqSMFeQF8A/s800/emoticon-0109-kiss.gif' alt ='' class = 'smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhJAaDRLoZYre0U-X-UAV_KltlXFTn2Yk1sfB_ObRVFTKfta4dQmi4_fJ_gW4tweI-GuqhuqLjgGtI2Ifs4n41xNa4A4hAQ_yOWfiZ0d28m1U9zJlYjQ7QGLefKf1DCYPW1vmX9m1JOG4/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>"); _str.replace _str = (/: h / gi, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhJAaDRLoZYre0U-X-UAV_KltlXFTn2Yk1sfB_ObRVFTKfta4dQmi4_fJ_gW4tweI-GuqhuqLjgGtI2Ifs4n41xNa4A4hAQ_yOWfiZ0d28m1U9zJlYjQ7QGLefKf1DCYPW1vmX9m1JOG4/s800/emoticon-0111-blush.gif' alt = ''class = 'smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixZA094dB6SSPRtTQ6UN12fzPMz0hnjkUVWWq1APh2QX8NRslgxqXNrHwUJs1XXq1uCH7jRp2F_xENE8pMm8p89QN7MLrm7N3hRJm_tZEV-s5IqKxOPLdAYy9qYv4POMOUcc2YLNc-zTE/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>") _str.replace _str = (/ i / ig, "<img src = 'https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixZA094dB6SSPRtTQ6UN12fzPMz0hnjkUVWWq1APh2QX8NRslgxqXNrHwUJs1XXq1uCH7jRp2F_xENE8pMm8p89QN7MLrm7N3hRJm_tZEV-s5IqKxOPLdAYy9qYv4POMOUcc2YLNc-zTE/s800/emoticon-0110-tongueout.gif' alt = ''class = 'smiley'/>")
b.item(i).innerHTML = _str; b.item (i). innerHTML = _str;
} )
} )
} )

//]]> //]]>

</script> </ Script>

Final thought : Customization of box(around smiles).

We can easily change the background color , text alignment , padding by changing properties of the div element.

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

 I hope you will like this post, i have been working hard to collect the best content for my readers .Please do comment...................

No comments:

Post a Comment