Recommended Article for you : get unlimited Freecharge Trick revealed

How to add whatsapp smileys on Blogger Posts and Comments?

Summary : This is an article about how to add whatsapp flat smileys/emotions to Blogger Posts. There are so many articles in the Internet about adding smileys to blogger comments but this is the first time on Internet, adding whatsapp flat smileys to Blogger Comments. ;)
This whatsapp smileys/emotions are very powerful emotions to express our feelings. We know even Google uses the same pattern, they are using flat smileys in their chats. Flat design trend rules this Internet era, then why should you lay down in old design trend. Let's see how to add whatsapp smileys/emotions.

Not intrested to Read long story?
Go Straight to Topic
Design Trend changes time by time now the design trends lies in flat design. In this new generation era flat icons, flat pictures, flat websites, everything is in flat design. So why we are still stuck in old design. Lets go to the new whatsapp smileys to express your and your users emotions.
This is the first article about how to add whatsapp smileys to blogger posts and comments in the Internet. Keep visting and get brand new widgets.

To see demo :
Go to Comments OR Click Here

Related articles?
How to Add yahoo smileys to Blogger Threaded comments in 3 steps..?

How to add whatsapp smileys?

  • Sign In to Blogger DashBoard
  • Select Template from the left menu
  • Select Edit HTML
  • Find </body> and copy the below script just above it.
<script src=''/><a style='display:none;' href='' >bloggerwidgets</a><script type='text/javascript'>//bloggersmileys.init();</script>

  •  Here you are almost ready. Your blog will show smileys now and do one more step to display the corresponding smiley codes to the users to help them to add smileys to comment.
  • Find <div class='post-footer-line post-footer-line-3'> or <div class='post-footer-line post-footer-line-3'/>
  • Find the next </b:includable> and copy the code above it

<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=''/><a style='display:none;' href='' >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 Smileys </div>

Place code here 


  • Next step is to add css codes for smileys
  • Find  ]]></b:skin> and copy the code before it
.post-body img.noops-smly {
  padding: 0 !important;
  margin-top: -2px !important;

  • Save Template and Enjoy ! you are done !
This is the first article about how to add whatsapp smileys to blogger posts and comments in the Internet. So if you are going to write an article about this please remember to give a link to this article. 
Close [x]


  1. very nice post...........

  2. Thanks for sharing this article! Please visit my seo blog

  3. Looks great will will try it out.

  4. Nice and Very Informative Article it is.... I Like this Post... Thanks for sharing this Interesting Post with us...

    SEO Services Mumbai

  5. Thanks for nice blog. Digital Ready Marketing provides SEO educational materials as well as SEO consulting to help websites rank higher.

  6. At Addvantum, we believe in driving this change for you. We provide you the platform to ‘grow’ as well as ‘know’. We assist you to grow and hone your skills and competencies; as well as help you ‘know’ yourself as a professional. We firmly believe in addressing the career aspirations of our associates and have aligned various HR processes to facilitate optimum career progression.

  7. This is my first visit to your blog, your post made productive reading, thank you. seo india

  8. Amazing assess and significant topic of discussion. I accept it is all investigate work, will be back to check other articles.
    For more

  9. This post is really nice and informative. The explanation given is really comprehensive and informative.Bangalore SEO Company | SEO Company

  10. Thank you for this tutorial. It was really helpful.

    apartments at Nungambakkam


  11. Creating Experts

    SEO training in Chennai

    Creating Experts provide Real Time scenarios SEO training in Chennai.At creating experts the trainers have around 8+ years of experience.They teach the advance level topics by giving real time examples.

    Contact us: 8122241286, 9003085882 – Karthick

    Here everything is practical basis not any classroom training.The trainers are working in mnc's and they will take classes only on Saturday and Sunday.

    Contact us : 8122241286, 9003085882 – Karthick

    Ref Link:

  12. Hi, how can I change the size of the emojis? It's too big.

  13. thank you very much :) I was searching that for a long time. But I have a question. Emoticons are bigger then expected. I want them a little bit smaller. Have can I do that??
    my blog

  14. Earn money for paytm and mobile talktime, install FREE MOBILE RECHARGE app on your android device.

  15. Earn Free Recharge Anytime Anywhere. Just try this free recharge apps and earn unlimited mobile talktime and PayTm cash.
    Click here:

  16. Free mobile rechargre for paytm is the best app for free mobile recharge in the market. Install the app and win free recharge daily by doing easy and simple tasks. Win lots of gift offers and coupons too. Keep the app for new mega update

  17. Thanx for the tutorial. This tips is very important for newbie. This

    article is very helpful for me, all the points you described in your

    article is very important to understand. Thanks for this awesome article. I

    bookmark your post for future access.

    Tips and Tricks

  18. Hi Valsaraj, This is a nice tutorial, and however I like your articles, thanks for give sharing this to all together.

    Regards - Blot Tutorial Supporter

  19. Friends check this exclusive offer on free mobile recharge app, you can win unlimited free talktime in valentine week.

  20. Thanks for a great information in your blog. I have read all the post of your blog. Great work on seo training in chennai

  21. It is believed that an email gets filtered because it contains any of spam trigger words or phrases or because the sender is unknown to the recipient. You Can see more in : html code

  22. This a great tool :) But donot install it If you Have AssThis Social Media share tools in your page. Because somehow it made them disappear.


  24. Really an inetersting information. I know cheap essay writing service for few years. It is an awesome organization they are helping the people for writing works.


Ask your thoughts to us,We are happy to help you.

1.Please don't Spam
2.We strictly recommend to Click on Subscribe to email