How to add whatsapp emojis 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 on the Internet about adding smileys to blogger comments but this is the first time on Internet, adding WhatsApp flat smileys to Blogger Comments. 😉
These 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.
Update: Sorry! Outdated Post. Blogger now officially supports smileys.
The below image shows how to add blogger official smileys into posts.
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 the old design. Let us go to the new Whatsapp smileys to express your and your user’s emotions.
This is the first article about how to add Whatsapp smileys to blogger posts and comments on the Internet. Keep visiting and get brand new widgets.
How to add whatsapp smileys?
Sign In to Blogger DashBoardSelect Template from the left menuSelect Edit HTMLFind </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 == "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 Smileys </div>
</b:if>
Example
Next step is to addcsscodes for smileysFind ]]></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 aredone !
^#(^
Great & Super Bro !! 😀 😃
test =((
Thanks 🙂
TEst |-)
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.
🙂
@-)
rekomendasi:NAGAQQ.COM | AGEN BANDARQ | BANDARQ ONLINE | ADUQ ONLINE | DOMINOQQ TERBAIK
NAGAQQ.COM | AGEN BANDARQ | BANDARQ ONLINE | ADUQ ONLINE | DOMINOQQ TERBAIK
🙂
:-B
=))
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.
🙂
😛
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
Thanks for a great information in your blog. I have read all the post of your blog. Great work on seo training in chennai
🙂
🙂
Friends check this exclusive offer on free mobile recharge app, you can win unlimited free talktime in valentine week.
https://goo.gl/qBj65Q
Learn How to Create Blog and Blogger Tricks Free
How to Create Blogspot
Blogger Tricks Free
Blogger seo Free
Blogger seo 2016
How to Create Blogspot
Blogger Tricks Free
Blogger seo Free
Blogger seo 2016
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
hibro , your blog is superbb
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
🙂
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
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
:))
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
B-)
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
Hi, how can I change the size of the emojis? It's too big.
:-*
Agen Bola
Agen SBOBET
Agen Judi
Bonus
Prediksi Bola Jitu
Pendaftaran
🙂
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/
Tes x(
🙂
Thank you for this tutorial. It was really helpful.
apartments at Nungambakkam
This post is really nice and informative. The explanation given is really comprehensive and informative.Bangalore SEO Company | SEO Company
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/
This is my first visit to your blog, your post made productive reading, thank you. seo india
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
Tech Tear
Thanks
thanks 🙂
Thanks for nice blog. Digital Ready Marketing provides SEO educational materials as well as SEO consulting to help websites rank higher.
Thankx for this info.
SEO Services Company Dubai
Good one thanks
Accounting Blog
Nice and Very Informative Article it is…. I Like this Post… Thanks for sharing this Interesting Post with us…
SEO Services Mumbai
Looks great will will try it out.
http://games-gameworld.blogspot.com
nice & thanx
http://www.bollylyrics.net
Thanks for sharing this article! Please visit my seo blog http://seobloguri.blogspot.com
😂
very nice post………..
http://www.shayarihishayari.com