How to Add Whatsapp Share Button in Your Blogger

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