How to Add Whatsapp Share Button in Blogger

Advertisements
Blogger gives you the opportunity to promote your content via many social networks. Back in year 2009, when WhatsApp was launched, no one knew that it would challenge the graph of Facebook. In the year 2013, WhatsApp was declared as the most used social network, leaving Facebook behind. Today in this article, we will show you how to add whatsapp share button in blogger.

Here is an illustrated graph of WhatsApp versus other social networks
After witnessing its increasing popularity, blogger now provides you the opportunity to add WhatsApp share button to your blog. After telling you how to add various widgets in the blog, in this article we will tell you about WhatsApp widget.

What Should You Add Whatsapp Share Button:

With the increased use of mobile phones by each passing day, it is necessary for you to make the best use of your phone by optimizing it and enabling it so share sites, writing content or anything you liked and want to share with your friends as well.

In the beginning WhatsApp was only a mobile feature but its increasing fame led to its availability on web as well. Now, just think about how beneficial it would be for you if one of your subscribers like any article on your blog and he shared it via WhatsApp, more the people view his shared article, more your website traffic will boost.


How to Add Whatsapp Share button in Blogger:

Before adding WhatsApp share button to blogger, first we will discuss its position. It is recommended to add such traffic boosting widgets at the end of your article instead of putting them to the side bar running along the entire length of your blog.

You can add WhatsApp share button with the help of following method:

Move your mouse pointer and go to Template >> Edit HTML. Look for your old share buttons. Add the following code with you previous share buttons. BE KEEN WITH THE CODES!

 <!-- 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 -->

Preview your template and then save it.

Once above all steps are executed successfully it means that you are successful in execution of the task assigned. Now you could preview the blog and need to save the changes to the template by pressing the orange “Save template” button.

Advertisements

The Editorial Team of MyBloggerLab consists of a group of Professional Blogger geeks Led by Syed Faizan Ali (Founder of MyBloggerLab).

Comment With:
OR
Choose Wisely!

5 comments

May 28, 2015 at 12:33 AM

Amazing.

June 19, 2015 at 7:04 AM

Thank you for the tutorial. I've been looking for this to put on my blog.

June 22, 2015 at 8:59 AM

Thanks for the code. My problem is that it is very small and does not match with the other share buttons. Is there any way to make it larger?

July 24, 2015 at 9:47 AM

Button is not working in my blog blog.. Please help

December 31, 2015 at 12:51 AM

Thank you for the tutorial. I've been looking for this to put on my blog.

Post a Comment

We’re eager to see your comment. However, Please Keep in mind that all comments are moderated manually by our human reviewers according to our comment policy, and all the links are nofollow. Using Keywords in the name field area is forbidden. Let’s enjoy a personal and evocative conversation.

Helping You to do Cool Things With Blogger Since 2012™.

© Copyright 2012 - 2016. MBL Networks, All Rights are Strictly Reserved.