Header Ads

How to add emoticons in comment of Blogger.

People have been engaged in social Media for a long time now. The craze of using emoticons has now radially increased a lot. Now, what if we could add smiileys in the comment section of the blogger ?/ What ?? Could it be possible ?? You might be thinking that way but never be afraid . Now, you can put the emoticons can be added on the comment section of the blogger and it's very easy !

Why to put emoticons in the comment ??

As we may have known about this that actions always speaks louder than the words.SO, if we add emoticons in the comment it will be easier for the admin to understand your problems or know how much are you happy for their post or something like that. The admin will understand the mood of the user easily if emoticons are added to blogger comment.

 How to put emoticons in blogger comment ?

  • First of all sign into your blogger account.
  • Then go to the Template section and click EDIT HTML.
  • Now search for </body> and then paste the following code 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 search for <div class="post-footer-line post-footer-line-3">
then look for </b:includable>
tag and just above it paste the following script.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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, if you want to make the emoticons like of Whatsapp or Facebook add the following code above ]]></b:skin>
.post-body img.noops-smly {
  padding: 0 !important;
  margin-top: -2px !important;
}

.

No comments

Add your comment here

Powered by Blogger.