Adding Yahoo Smileys on Blogger Posts and Widgets V.2

Adding Yahoo Smileys on Blogger Posts and Widgets. On my previous post, I have wrote about How to Add Yahoo Smileys Emoticon on Blogger Threaded Comments. Now let's we hack the templates with a simple JavaScript code, and Yahoo Smileys will apear on your post and widget.

To add yahoo smileys emoticon on your posts and widgets , just follow two simple steps:
1. Adding CSS Code
2. Adding JavaScript code

Adding CSS Code

1. Go to your Dashboard  > Template > Edit HTML
2. Add bellow code just before ]]></b:skin>

<!-- Yahoo Smileys on Posts and Widgets by BloggerHack.com Code Start-->
img.bhsmly {
    height: auto !important;
    vertical-align: middle !important;
    width: auto !important;
    border:0px !important;
}
<!-- Yahoo Smileys Code End-->

Adding JavaScript

1. Add bellow code after ]]></b:skin>

<!-- Yahoo Smileys Script on Posts and Widgets by BloggerHack.com -->
<script src='http://bloggerhack.googlecode.com/files/ysmileyspostwidget.js' type='text/javascript'/>

2. Save the template, and done... :)