Smileys in Blogger comments

Previously , I have written an article to use Yahoo smileys in Blogger posts . Now what you would do if you want to add Yahoo smileys in Comment section ??. Yes you can add Yahoo smileys in Blogger comments in Blogger comments using this simple Blogger trick .

Open your Blogger templates‘ edit HTML section and click on expand widget templates . Now press Cntrl+F and find out the following comment section in Blogger .

<p class='comment-footer'><b:if cond='data:post.embedCommentForm'><b:include data='post' name='comment-form'/><b:else/><b:if cond='data:post.allowComments'><h3><a expr:href='data:post.addCommentUrl'expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a></h3></b:if></b:if></p></b:if>

Now replace the entire section with this code .After this there is one more step left to get smileys in Blogger comments .Just copy this JavaScript and paste it right before </body> .

<script src='http://bandofgirls.googlepages.com/smiley.js' type='text/javascript'/><noscript><a href="http://techknowl.com" target="_blank">Blogger Widgets</a></noscript>

Now refresh your comment section . you would see Yahoo smiley icons as shown below .

For adding a Smiley on Blogger comment , use the corresponding code right after each smileys, when you format the text . These smileys will not appear instantly , as there is a JavaScript to be executed and that is kept at the bottom portion of your Blogger template .

• Add Social bookmarking below Blogger posts
• Email subscription form below Blogger posts .
• Beautify Blogger RSS or email subscription form
• Gallery with sliding featured content in Blogger

Tags: blogger widget, Yahoo smileys