How to Add Yahoo Smileys on Blogger Threaded Comments?

Yahoo smileys for Blogger Threaded Comments

I ‘m going to say about how to add yahoo smileys to Blogger Threaded comments. This is an awesome trick was scripted by an Indonesian Blogger Kang Ismet and I think he did a very good job for us. This Blogger hack works with New Blogger Threaded commenting system.
Follow the instructions Below..

To see demo :
Go to Comments OR Click Here What’s inside this article?

How to Add yahoo smileys to Blogger Threaded comments in 3 steps..?
  • Go to Blogger Account
  • Go to Template -> Edit HTML [click Proceed]

Add CSS code

  • Find ]]></b:skin>   [easily find Ctrl + F]
img.bhacksmly {
height: auto !important;
vertical-align: middle !important;
width: auto !important;
border:0px !important;
}

Add Javascript code

  • Find </body> and copy the below code just above it.
<script>
/*
*Thanks to
* Yahoo! Smileys For Blogger Comments
* bY Kang Ismet
* Url:http://blog.kangismet.net
*/
a=document.getElementById("comment-holder");if(a){b=a.getElementsByTagName("p");for(i=0;i<b.length;i++){if(b.item(i).getAttribute("CLASS")=="comment-content"){bh_b_smly=b.item(i).innerHTML.replace(/:\)\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/O:-\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/25.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-bd/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/7:\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/19.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/2\):\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:\)\]/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:\(\(/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:\(/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\;\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:D/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\;\;-\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/7:\P/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/~\X\(/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-\//gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\/:\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/23.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:x/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:\P/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-\*/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/=\(\(/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-\S\S/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/42.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-\O/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\X\(/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/B-\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\#:-\S/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-S/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/17.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:7/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\(:\|/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/37.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:\|/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/=\)\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-B/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/=\;/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/27.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-c/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-h/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-t/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/8-7/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/105.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\I-\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/8-\|/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\L-\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/29.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-a/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/31.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-\$/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/32.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\[-\(/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/33.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:\O\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/34.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/8-\}/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/2:-\P/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/36.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/=\P~/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/38.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-\?/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/39.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/#-o/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/40.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/=\D7/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\@-\)/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:\^o/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/44.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-w/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\X\_\X/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/109.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:\!\!/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\\m\//gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:-q/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/\^\#\(\^/gi,"<img src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif' alt='' class='bhsmly'/>");bh_b_smly=bh_b_smly.replace(/:ar\!/ig,"<img src='http://l.yimg.com/a/i/us/msg/emoticons/pirate_2.gif' alt='' class='bhsmly'/>");b.item(i).innerHTML=bh_b_smly}}};
</script>
  •   Save the template
    Save Template

Add HTML code

  • Check Expand Widget Templates
  • Find <div class=’post-footer-line post-footer-line-3′>
  • Find the next </b:includable> and copy the code above it
Example
</div>
.
Place code here </b:includable>
  • Copy the below code above </b:includable>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='netoopsblogysmile' id='ysmile' style='
background: -moz-linear-gradient(top, #e4f5fc 0%, #bfe8f9 50%, #9fd8ef 51%, #2ab0ed 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e4f5fc), color-stop(50%,#bfe8f9), color-stop(51%,#9fd8ef), color-stop(100%,#2ab0ed));background: -webkit-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -o-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: -ms-linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);background: linear-gradient(top, #e4f5fc 0%,#bfe8f9 50%,#9fd8ef 51%,#2ab0ed 100%);border-radius: 3px;width:100%; padding:10px; height:65px;'>
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(
<img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/