D.C.R.U.S.T Murthal: Adding Yahoo Smileys on Blogger Posts and Widgets

Their is no obligation to tell that you all know about yahoo. Since it is the most famous messenger and it ranks 4th on the basis of it's pageviews and users. Everybody knows about yahoo features. On of the famous feature of yahoo is the smileys. It's very good to see and works on all computers without installing any software.

Today in this post i will be teaching you the way to add yahoo smileys on blogger posts and widgets. It's quite simple as it won't take time. You Just need to add two codes one CSS and another Javascript. So here we go;

1. ADDING CSS CODE

Log in to your blogger account.
Be forwarded to your dashboard.
Go to design>edit Html.
Find the below code in it;

]]></b:skin>

After you find this code paste the below code immediately before (above) it.

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

2. ADDING JAVASCRIPT CODE

Now it's turn to add the java script code. See for this code once again.

]]></b:skin>

Add the below code just after it;

<!-- Yahoo Smileys Script on Posts and Widgets by Blogging Sentral -->
<script src='http://yahoo-simileys.googlecode.com/files/yahoo%20simileys%20by%20blogging%20sentral.js' type='text/javascript'/>

Now save the template and you are done.

By this you can make smileys visible to your blog. Just enter the shortcut of it that you used to enter in IM . For eg: for a happy face the code is ":)". Like this each smileys have it's own shortcut. If you don't know then here are some of the smileys. Hope this adds taste to your blog.