Breaking

Wednesday, 17 October 2018

How To Add Emoticons or Smiley In Blogger Comment

Hello Friend's this post is on how to add emoticons/smiley in blogger comment. Due to social media platform people have habits of using emoticons or smiley while chatting or commenting.You might have seen emoticons and smiley in other blogger website, you can also have these emoticons in your blogger comments which I will show in this post. Emoticons and smiley are great way to make comment more interesting and to know the mood of commentor. Whenever a user leaves a comment on your site, you don't have any idea how he/she is feeling. This is the reason why many blogger uses emoticons or smiley. Let's see how we can add emoticons or smiley in our blogger comment.


How To Add Emoticons or Smiley

  1. Go to Blogger Dashboard
  2. Click Theme ⋙ Edit HTML
  3. Press CTRL + F to search </body>
  4. Paste the below code just above it.
    <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='https://googledrive.com/host/0B6-apgHh7s2tZG9oR3JMNlN6RHc/blogger-comment-emoticons.js' type='text/javascript'/></b:if>
  5. Now make sure your have jQeury plugin installed. If you don't then paste the given code after <head> tag.
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js' type='text/javascript'/>
  6. You are done! just save your theme.
I hope this post have helped you in learning how to add emoticons in blogger comment. If you are facing any difficulty or have any suggestion about this post then feel free to comment.



Please Do Subscribe, Comment and Share!

No comments:

Post a Comment

Please enable / Bitte aktiviere JavaScript!
Veuillez activer / Por favor activa el Javascript![ ? ]