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='https://78f4de3676ac34c79dbc2146065980a0e371905b.googledrive.com/host/0B6AQ0cwAMPNQfnZBck56QnZHT0pSbFY1dmtWcFFwUjJWVlNMMFg3ZW1QSmJFT2l3RmVtTXc/js/netoops-whatapp-smileys-blogger-posts-comments.min.js'/><a style='display:none;' href='www.netoopsblog.com' >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='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 Smileys </div>
                              </b:if>
Example

 </div>
.
Place code here 
.

</b:includable>

  • 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]

56 comments :

  1. very nice post...........
    www.shayarihishayari.com

    ReplyDelete
  2. Thanks for sharing this article! Please visit my seo blog http://seobloguri.blogspot.com

    ReplyDelete
  3. Looks great will will try it out.

    http://games-gameworld.blogspot.com

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

    SEO Services Mumbai

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

    ReplyDelete
  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.
    Addvantum.Com

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

    ReplyDelete
  8. Amazing assess and significant topic of discussion. I accept it is all investigate work, will be back to check other articles.
    For more
    http://blogsnucleus.blogspot.com
    And
    http://blognucleus.com/

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

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

    apartments at Nungambakkam

    ReplyDelete

  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: http://thecreatingexperts.com/seo-training-in-chennai/

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

    ReplyDelete
  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 tutkununguncesi.blogspot.com

    ReplyDelete
  14. Earn money for paytm and mobile talktime, install FREE MOBILE RECHARGE app on your android device.
    https://play.google.com/store/apps/details?id=com.free.mobilerecharge

    ReplyDelete
  15. Earn Free Recharge Anytime Anywhere. Just try this free recharge apps and earn unlimited mobile talktime and PayTm cash.
    Click here: https://goo.gl/ojsJ7c

    ReplyDelete
  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
    https://play.google.com/store/apps/details?id=com.free.mobilerecharge

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

    Thanks~
    Tips and Tricks

    ReplyDelete
  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

    ReplyDelete
  19. Friends check this exclusive offer on free mobile recharge app, you can win unlimited free talktime in valentine week.
    https://goo.gl/qBj65Q

    ReplyDelete
  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

    ReplyDelete
  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

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

    ReplyDelete
  23. rekomendasi:NAGAQQ.COM | AGEN BANDARQ | BANDARQ ONLINE | ADUQ ONLINE | DOMINOQQ TERBAIK
    NAGAQQ.COM | AGEN BANDARQ | BANDARQ ONLINE | ADUQ ONLINE | DOMINOQQ TERBAIK

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

    ReplyDelete

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