How to Add Whatsapp Share Button in Blogger

We discussed about many different social networking share buttons in our previous posts such as Facebook, Twitter, Google Plus etc. And today we are going to discuss about a share button of most used social network WhatsApp! . Yes WhatsApp is a most used social network as you can see an illustrated graph of WhatsApp versus other social networks below :



Blogger now provides us an opportunity to have WhatsApp share button in our blog that will allow blog visitors to share articles on WhatsApp if they are visiting your site from mobile or tablet device. WhatsApp share button can help you to boost traffic to your blog. If your blog have something interesting content and you are looking for traffic then WhatsApp share button will be beneficial for the same. if one of your visitors share your post/article with their friends or in a group on WhatsApp there are chance to get your article re-shared. Now, If you want WhatsApp share button to be installed in your blogger blog just follow the steps given below:

Whatsapp Share Button

How to Add WhatsApp Share Button In Blogger?

This will be more beneficial that you add share button at the end of the post instead of side bar. So, here we will discuss about how to add WhatsApp share button at end of the post in blogger.

From blogger dashboard go to Template > Edit HTML
If you are using bloggers share buttons then just replace its code with the following one. or look for <data:post.body/> and paste the following code just above it.

<!-- Whatsapp Share Buttons Start -->
<script type='text/javascript'>if(typeof  wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;https://dl.dropboxusercontent.com/u/7330191/whatsapp-sharing.js&quot;;h.appendChild(s);}</script>
<a class='wa_btn wa_btn_s' expr:data-href='data:post.url'  expr:data-text='data:post.title' href='whatsapp://send'  style='display:none'>Share</a>
<!-- Whatsapp Share Buttons End -->

You're done, Now just preview your blog and save it.

1 comment: