Destino Solutions

+91 9747866100

Add Comment emoticons (smileys) to Blogger

May 23rd, 2014

If you know How to Add Blogger Emoticons pack to your blogger blog? Today I’m sharing a Simple Blogger comment Smileys.As It will be help  your Blog Reader can easily express their views in comments. Nowadays Almost people know How to use Smileys And Formerly Smileys was using online chat sites then Invasive Social media sites are regenerated new styled Emoticon. Also WordPress Users available Many Smiley plugins and easy to add, Now you can Easily add a Blogger Emoticons pack.

Comment-smileys-Blogger

Follow The Steps  

 Note : Backup Blogger Template and After do following Steps.

1. Go to Blogger > Template > Edit HTML.

2. Find following html (Ctrl+F).

</body>

3. Just Above Paste Following Javascript inline code or link.

<script type=’text/javascript’>
a = document.getElementById(&#39;comment-holder&#39;);
if (a) {
b = a.getElementsByTagName(&quot;p&quot;);
for (i = 0; i &lt; b.length; i++) {
if (b.item(i).getAttribute(&#39;CLASS&#39;) == &#39;comment-content&#39;) {
_str = b.item(i).innerHTML.replace(/:d/gi, &quot;&lt;img src=&#39;http://4.bp.blogspot.com/-lhTywmMZ58E/UTI04kjJ3WI/AAAAAAAABDY/qNgtijEr_E8/s1600/biggrin.gif&#39; alt=&#39;&#39; class=&#39;smiley&#39;/&gt;&quot;);
_str = _str.replace(/:)/gi, &quot;&lt;img src=&#39;http://1.bp.blogspot.com/-081QtoL7NXw/U32Q1OyivqI/AAAAAAAABt8/AJMQ6_G81zM/s1600/xxxxx.png&#39; alt=&#39;&#39; class=&#39;smiley&#39;/&gt;&quot;);
_str = _str.replace(/:(/gi, &quot;&lt;img src=&#39;http://2.bp.blogspot.com/-XSBJ7zBZKZs/UTIrT-hMYyI/AAAAAAAABAY/6B26_8Ttwj4/s1600/sad.gif&#39; alt=&#39;&#39; class=&#39;smiley&#39;/&gt;&quot;);
_str = _str.replace(/-y)/gi, &quot;&lt;img src=&#39;http://1.bp.blogspot.com/-M38ua6B8t-s/U32KPkUChvI/AAAAAAAABtg/rBh4IVbQexs/s1600/like.png&#39; alt=&#39;&#39; class=&#39;smiley&#39;/&gt;&quot;);
b.item(i).innerHTML = _str;
}
}
}
</script>

     This Steps completed after Comment Smileys are still working.

      After Add a Smileys help menu ( It will be help for commentators )

 

4. Find following html (Ctrl+F).

<div class='post-footer-line post-footer-line-3'>

5. Just below Paste Following HTML code.

<div class='emoticons' style='display:inline-block'>
<img src='http://1.bp.blogspot.com/-TusXefKDf1M/U37ko8EntMI/AAAAAAAABvA/mSNbwAjD_Ow/s1600/Smileys.png'/></div>

6. Save Template, You’re done.

Categories: BloggerBlogger Widget