How To Add Chat Emoticons In Blogger Comments

>

As you all know that everyone is using social networking sites and their is a huge craze of smileys.In this post i'm going to show you that how to add chat emoticons in blogger comments.Chat emoticons basically is a mood of a person which they expressed using chat emoticons.Now chat emoticons become the habit of every person that's why we are discussing in this post that how to add emoticons in blogger comments.All the emoticons are animated emoticons which makes our heart to feel happy by seeing this small cute emoticons.

How To Add Chat Emoticons In Blogger

> First thing you'll need is to login into your Blogger account then click on Template > Edit Html

> Now by pressing ctrl + F search </body> and paste the following code just above it

<script src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/js/netoops-whatapp-smileys-blogger-posts-comments.min.js'/><script type='text/javascript'>//bloggersmileys.init();</script>

> Now after doing this if you wanted to use short codes of emoticons along with chat emoticons icon search for this code <div class='post-footer-line post-footer-line-3'> and look for </b:includable> tag and paste the below code just above this tag

<b:if cond='data:blog.pageType == "item"'> <div class='noopsmile' id='noopsmile' style='background-color:#E0F7FF;background:#eee; border-radius: 7px;width:634px; padding:10px; border:1px solid #ddd'> <img src='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/imgs/comment-section1.png'/><a style='display:none;' href='www.netoopsblog.com' >bloggerwidgets</a><div align='right' id='close' style='font: bold 13px arial;margin-top: -14px; cursor: pointer;'> Close [x] </div> </div> <div id='open' style='background-color:#eee; border-radius: 7px; padding:10px;width: 87px;cursor: pointer;display:none;left: 582px;position: fixed;top: 1%;z-index:999;font-weight:bold;'> Open Emoticions</div> </b:if>


> Now again search for ]]></b:skin> and put the following code just above it

.post-body img.noops-smly { padding: 0 !important; margin-top: -2px !important; }

That's all congratulations you have successfully added Chat emoticons with short codes in your Blogger comments.If you have any problem regarding to this post you can ask your questions below.