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