Add Fresh Emoticons/Smileys in Blogger Comments

Emoticons in blogger comments is the discovery of today's era because in the past no one used this to express their feelings in inter...

Emoticons in blogger comments is the discovery of today's era because in the past no one used this to express their feelings in internet world previously it was used only on stickers which we was seen in childhood, but later it first came on social networking site Facebook and now it becomes trendy everyone used this emoticon to express their feelings. Many websites and forum used this to entertain their users you can also use this on your website or blog by following the below setup instructions.

Note: This Emoticons will only work on comments not in whole blog it meant you can’t use this script in the post.

Go to Blogger home page.

Move on Template and Back up your template first.

Then, click on EDIT HTML.

Press CTRL+F for open search box in HTML viewer.

Search the below code.

</body>

Paste the below code above </body>.

<b:if cond='data:blog.pageType == "item"'>
<style type='text/css'>
.emoWrap{position:relative;padding:10px;margin-
bottom:7px;background:#fff;background-image:-ms-linear-
gradient(right,#fff 0,#fff9f2 100%);background-
image:-moz-linear-gradient(right,#fff 0,#fff9f2
100%);background-image:-o-linear-gradient(right,#fff
0,#fff9f2 100%);background-image:-webkit-gradient
(linear,right top,left top,color-stop(0,#fff),color-
stop(1,#fff9f2));background-image:-webkit-linear-
gradient(right,#fff 0,#fff9f2 100%);background-
image:linear-gradient(to left,#fff 0,#fff9f2
100%);border:1px solid #ccc;-moz-border-radius:5px;-
webkit-border-radius:5px;border-radius:5px;box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-moz-
box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);-webkit-box-shadow:0 4px 6px rgba(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);box-shadow:0 2px 6px rgba
(0,0,0,0.1),0 1px 1px rgba(0,0,0,0.3);font-weight:normal;color:#333}.emoWrap:after{content:"";position:absolute;bottom:-
10px;left:10px;border-top:10px solid #ccc;border-right:20px solid transparent;width:0;height:0;line-
height:0}</style> <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://goo.gl/mNMnWB'
type='text/javascript'/></b:if>

If you are using the default template and you don’t have a new Jquery script so add the below script above </head>.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>

Ultimately, click on save template and give a comment yourself to check that this awesome emoticons work well or not.

Try this: Cool Related post widget for Blogger OR Custom Scrollbar with Hover Effects for Blogger.

More Over

This awesome trend of smileys keep yourself happy when you will give response to readers, it’s working like a Shortcode which express your feelings in one small picture instead of huge feeling description. It came ready made with some templates, but it's so easy to install as above, so install this happy little emoticons on your blog instead of searching the template which has ready made emoticons inside blogger comment. If you got any little error or you want to ask something about this topic so freely ask on below comment box we will reply soon.