How to Add Yahoo Smileys on Blogger Threaded Comments?

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="akash" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em; text-align: center;"> <img alt="Yahoo smileys for Blogger Threaded Comments" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgacEas36hqk1osLYkVcgheSlAAnGAEqEyahaqWimzwjKqPGoB1sy6shtf831N1OPuphl_5oBCWQzdvCAfJthDRFpVobJyUlxXzN0cARvAOwTXiS21g_ZQbiG8SsmpOKCeeSklvv0QOMW0/s1600/yahoo+smileys.jpg" title="Yahoo smileys for Blogger Threaded Comments" /></div> <br /> 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 <a href="http://blog.kangismet.net/2012/01/menambahkan-yahoo-smiley-pada-threaded.html" rel="nofollow" target="_blank">Kang Ismet</a> and I think he did a very good job for us. This Blogger hack works with New Blogger Threaded commenting system.<br /> Follow the instructions Below..<br /> <br /> <br /> <a href="http://www.blogger.com/null" name="more"></a><br /> <br /> <br /> <br /> <br /> <div class="demo"> <blockquote class="tr_bq" style="text-align: left;"> <span style="color: magenta;"><span style="font-size: small;"><span style="font-family: "Courier New",Courier,monospace;">To see demo :</span></span></span><br /> <span style="font-size: small;"><span style="font-family: "Courier New",Courier,monospace;"><span style="color: red;"><span style="color: magenta;"> Go to Comments OR</span> <a href="http://www.mashtricks.tk/2013/09/how-to-add-yahoo-smileys-on-blogger.html#comments"><span style="color: yellow;">Click Here </span></a></span></span></span></blockquote> <br /> What's inside this article?<br /> <div align="left"> How to Add yahoo smileys to Blogger Threaded comments in 3 steps..?</div> <ul style="text-align: left;"> <li><b><span style="color: red;">Step 1: Add CSS code</span></b></li> <b><span style="color: red;"> </span></b> <li><b><span style="color: red;">Step 2: Add JavaScript Code</span></b></li> <b><span style="color: red;"> </span></b> <li><b><span style="color: red;">Step 3: Add HTML code</span></b></li> </ul> </div> <ul style="text-align: left;"> <li>Go to <a href="http://www.blogger.com/" rel="nofollow" target="_blank">Blogger</a> Account</li> <li>Go to <b>Template</b> -> <b>Edit HTML</b> [click <b style="color: #e06666;">Proceed</b>]</li> </ul> <br /> <blockquote class="tr_bq"> <h2 class="h2title" id="addcss" style="text-align: left;"> <span style="color: red;">Add CSS code</span></h2> </blockquote> <ul style="text-align: left;"> <li>Find <b>]]></b:skin></b>   [<span style="color: red;"><a href="http://www.blogger.com/null" target="_blank">easily find Ctrl + F</a></span>]</li> </ul> <blockquote class="tr_bq"> <div class="code"> img.bhacksmly {<br />     height: auto !important;<br />     vertical-align: middle !important;<br />     width: auto !important;<br />     border:0px !important;<br /> }</div> </blockquote> <br /> <blockquote class="tr_bq"> <h2 class="h2title" id="javascriptcode"> <span style="color: red;">Add Javascript code</span></h2> </blockquote> <ul style="text-align: left;"> <li>Find <b></body></b> and copy the below code just above it.</li> </ul> <blockquote class="tr_bq"> <div class="code"> <script src='https://netoopscodes.googlecode.com/svn/branches/Js files/ysmiley threaded comments-min.js' type='text/javascript'/></div> </blockquote> <ul style="text-align: left;"> <li>  Save the template <div style="background: -moz-linear-gradient(center top , #FDA352, #FB8F3D) repeat scroll 0 0 transparent; border-radius: 3px; color: white; float: left; padding: 2px 5px;"> Save Template</div> </li> </ul> <blockquote class="tr_bq"> <h2 class="h2title" id="htmlcode"> <span style="color: red;">Add HTML code</span></h2> </blockquote> <ul style="text-align: left;"> <li>Check <b>Expand Widget Templates</b></li> <li>Find<b> <div class='post-footer-line post-footer-line-3'></b></li> <li>Find the next <b></b:includable> </b>and<b> </b>copy the code above it</li> </ul> <blockquote class="tr_bq"> <div class="code"> Example<br />  </div><br /> .<br /> <span style="color: red;"><b>Place code here </b></span><br /> <br /> <br /> </b:includable> </div> </blockquote> <br /> <ul style="text-align: left;"> <li>Copy the below code above <b></b:includable> </b></li> </ul> <span style="font-family: Arial,Helvetica,sans-serif;"><br /></span> <br /> <blockquote> <h4 style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></h4> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><b:if cond='data:blog.pageType == &quot;item&quot;'></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><div class='netoopsblogysmile' id='ysmile' style='</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;">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;'></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif'/> :)</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif'/> :(</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif'/> ;)</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif'/> :D</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif'/> :-/</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif'/> :x</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif'/> :P</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif'/> :-*</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif'/> =((</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif'/> :-O</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif'/> X(</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/15.gif'/> :7</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/16.gif'/> B-)</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/18.gif'/> #:-S</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif'/> :((</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif'/> :))</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif'/> =))</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/26.gif'/> :-B</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/101.gif'/> :-c</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif'/> :)]</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif'/> ~X(</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/103.gif'/> :-h</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/28.gif'/> I-)</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/41.gif'/> =D7</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/43.gif'/> @-)</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/45.gif'/> :-w</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/47.gif'/> 7:P</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/48.gif'/> 2):)</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/110.gif'/> :!!</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/111.gif'/> \m/</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/112.gif'/> :-q</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/113.gif'/> :-bd</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"><img alt='' class='bhacksmly' src='http://l.yimg.com/us.yimg.com/i/mesg/emoticons7/114.gif'/> ^#(^</span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></div> <div style="text-align: left;"> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></div><a href="http://www.mashtricks.tk"></a></b:if></span></span></div> <h4> <span style="font-size: x-small;"><span style="font-family: Times,"Times New Roman",serif;"></span></span></h4> <br /> <span style="font-family: Arial,Helvetica,sans-serif;"></span></blockquote> <ul style="text-align: left;"> <li>Save the Template</li> <li>That's all</li> </ul> </div>

How to Add Yahoo Smileys on 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 Indonesi...

Read more »