Animated Emoticons Bigbang in the comments Blog

In this tutorial freebies will share how to put animated emoticons in a big bang on the blog comments.Emoticons can be used by visitors in the comment.

Open the template and place the following code at the top ]]></b:skin>

.emoWrap{position:relative;margin-bottom:2px;background:#242424;border: 2px inset #696969;font-weight:400;color:#108FBA;padding:10px}
.emoWrap:after{content:""position:relative;bottom:-10px;left:10px;width:0;height:0;line-height:0}

change the background color as you wish.

then place the following script above the </body>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
jQuery(document).ready(function () {emoticonx({
emoRange:"#comments p, div.emoWrap",
putEmoAbove:"iframe#comment-editor",
topText:"Click to see the code!",
emoMessage:"To insert emoticon you must added at least one space before the code."
})
});
//]]>
</script>
<script src='http://yourjavascript.com/2457968221/ashbigbang.js' type='text/javascript'/>
</b:if>

Last step save the template and complete. See the results on the post, if it works then your blog template support this tutorial of animated enoticons bigbang in the comments blog. Usually working on html5 template. Enjoy!