Trick To Add Whatsapp Smileys To Your Blogger Posts And Comments

This is a small trick about how to add whatsapp smileys we always see to your blogger posts and comments. This whatsapp smileys are very good to express your feelings than any other emoticons. So lets move to the matter.

How to add whatsapp smileys.. steps:

• sign in to your blogger dashboard
• select Template from the left menu you can see
• select Edit HTML near the button Customize
• click on the HTML codes you see and pres ctrl+F. Then you can see a searching dialogue box on the right top of the HTML box. Click on it and find </body>  tag
• Then copy the script given below 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 if you want to help your blog visitors to type the code, that is to show the corresponding Smiley codes to add smileys to comment
• Like before 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 below script 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 below code before it

 .post-body img.noops-smly {

  padding: 0 !important;  margin-top: -2px !important;}

• save the Template and enjot! your work is done..  

If you liked this article please share take a moment to share creptico.. hope you will..

source: netoopsblog.com

Share on Facebook Share on Twitter Share on Google Plus

About Unknown

Creptico.in a website started by BIBIN HASHLEY OP,SHAHIL DZ,AFHAM,AMJAD SHIBIL,AMJAD SHIBIL on 2014 August 15