
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==="undefined&
quot
{wabtn4fg=1;h=document.head
||
document.getElementsByTagNa
me("head" [0]
,s=document.createElement
("script"
;s.type="text/
javascript";s.src=" h
ttps://googledrive.com/
host/0BwMMDqbfGy7Od3UtLT
RJcncwQ1U
";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).
0 comments :
Post a Comment