How to Add Whatsapp Share Button in Your Blogger

HOW TO ADD WHATSAPP BUTTON

Before going to codes, first decide where you want to 
appear the Whatsapp Button in your blog when someone visit 
your site in mobile devices. Better you find the codes where 
you have added Facebook and Twitter sharing buttons and 
with those buttons place WhatsApp button too. 
Must take a buck up of your recent blogger template before 
going forward. 

1. Go the Template of your blog and click on edit. 
2. Find your previous sharing buttons. 
3. Add the below codes with the previous buttons, be careful 
    with the codes. 

 <!-- Whatsapp Share Buttons Start --> 

<script type="text/javascript">if 
(typeof 
wabtn4fg===&quot;undefined& 
quot 
{wabtn4fg=1;h=document.head 
|| 
document.getElementsByTagNa 
me(&quot;head&quot [0] 
,s=document.createElement 
(&quot;script&quot 
;s.type=&quot;text/ 
javascript&quot;;s.src=&quot; h 
ttps://googledrive.com/ 
host/0BwMMDqbfGy7Od3UtLT 
RJcncwQ1U 
&quot;;h.appendChild(s);}
</script> 
<a class="wa_btn wa_btn_s" expr:data-href="data ost.url" expr:data-text="data ost.title" href="whatsapp://send" style="display: none;">Share</a>

<!-- Whatsapp Share Buttons End -->


4. Preview the template,if everything fine Save it and view 
    a post of your blog on a mobile device running Android or iOS 
    (iPhone). 

The above code will give a small WhatsApp button to your 
Blogger blog if you want to add a medium or large button 
change the code in red with wa_btn_m (for medium 
WhatsApp button) or wa_btn_l (for large WhatsApp button).

Share on Google Plus

About Sandeep singh

Creative Tricks is created by Sandeep Singh – 2nd year engineering student from NIIT (Vikaspuri, India). I’m share a common dream of making Creative Tricks a top technology Site/Blog of India.