How to Add Whatsapp Share Button in Your Blogger - TechWap

Latest

Friday, August 7, 2015

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

No comments:

Post a Comment

Post Your Comments