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...

Smileys Emoticons for Blogger Blog
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.

COMMENTS

Name

Android,2,backlinks,7,Blogger,46,blogger theme,1,Errors,1,How To,31,Make Money Online,2,SEO,13,SMM,10,Templates,9,Tools,7,Tricks,15,Web designing,18,Widgets,24,WordPress,4,
ltr
item
PRO TECHNIFY: Add Fresh Emoticons/Smileys in Blogger Comments
Add Fresh Emoticons/Smileys in Blogger Comments
http://1.bp.blogspot.com/-4a02wxo_rj8/VX_SyOMVdqI/AAAAAAAAIXs/q-PTiHfHRv8/s640/Emoticons-for-blogger.png
http://1.bp.blogspot.com/-4a02wxo_rj8/VX_SyOMVdqI/AAAAAAAAIXs/q-PTiHfHRv8/s72-c/Emoticons-for-blogger.png
PRO TECHNIFY
https://www.protechnify.com/2015/06/add-emoticons-smileys-blogger-comments.html
https://www.protechnify.com/
https://www.protechnify.com/
https://www.protechnify.com/2015/06/add-emoticons-smileys-blogger-comments.html
true
8223102945718438291
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy