Monday, 20 April 2015

Add Whatsapp Share Button to Blogger/Blogspot

Posted By: Sifiso Nkwanyana - 10:39


& Comment

The Whatsapp Sharing button is now available on blogger giving you a chance to get traffic from Whatsapp, the most amazing part about this trick is that the readers can share  your post content directly to their trusted contacts and also to the whatsapp groups which will expose your Blog to quite a larger audience.
whatsapp share to blogger

This widget will only show in Android and IOS mobile , But in a couple of weeks we will be presenting a this widget for all mobile phones, If your target mobile audience is the Andriod mobile users then this widget will work very well for you.


Adding the Whatsapp Share Widget to Blogger

Step 1
Log into your blog dashboard

Step 2
Select Template and Select Edit Html  to open your template code .

 Edit Html

Step 3
Press the CTRL + "F" keys to open the Search box and search for this code :


Step 4

Just above this code Paste this code .

<script type="text/javascript">if(typeof wabtn4fg==="undefined"){wabtn4fg=1;h=document.head||document.getElementsByTagName("head")[0],s=document.createElement("script");s.type="text/javascript";s.src="";h.appendChild(s);}</script>                        

•  Step 5

Save your Template

Step 6

Now go to Layout and Select Add Gadget and go to  HTML/
JavaScript paste one of these three codes  depending on the size that you want.


 <a href="whatsapp://send" data-text="Take a look at this awesome website:" data-href="" class="wa_btn wa_btn_s" style="display:none">Share</a>


<a href="whatsapp://send" data-text="Take a look at this awesome website:" data-href="" class="wa_btn wa_btn_m" style="display:none">Share</a>             


<a href="whatsapp://send" data-text="Take a look at this awesome website:" data-href="" class="wa_btn wa_btn_l" style="display:none">Share</a>

 • Step 7

Save your widget and you are done


This sharing widget is simply the best and we are looking forward to bring you more customisations  to this widget, so stay in touch with us and we will keep you amazed, please feel to leave your comments below and we would like to hear what you got to say.

About Sifiso Nkwanyana

Sifiso Nkwanyana is a full-time blogger and Forex trader who loves to explore blogging. He has a passion for helping newcomer bloggers make their blog noticeable and make money. The Main Purpose of this site is to bring reality with a taste of entertainment


  1. Replies
    1. Hi Paritosh Trivedi, please note that this whatsapp share widget is only visible on android and IOS devices. Have you tried it on mobile ?

  2. I have changed the template of my blog and tried to save the changes but the blogger blog is not saving the any changes to the template. Can you help me to figure out what might be the problem. Any time I put the code and click on the save button and after it I click the back button the message displayed is that the changes are not saved and changes will be lost.

    1. I have noticed the same thing, I will try to find out what happened because the code might be changed by the servers. we will get back to you with an update.

  3. This is a great blog, usually I don't post comments on blogs, but I would like to say that this post really forced me to do so!

    Angry Status For Whatsapp & Romantic Status For Whatsapp

  4. Find all Social help and learn method that how to add whatsapp messenger in your blogger visit..

  5. Hello, the size large is unfortunately too small. Is there also Xl or xxl?

  6. Not working.
    I add code in template and layout but no option is come for share on whatsapp

    1. the widget will only show on the mobile template for mobile readers

  7. Thanks for sharing info. Keep up the good work...We hope you will visit our blog often as we discuss topics of interest to you
    WhatsApp for PC

  8. Can we change button image to some thing other like i like

  9. If i just change the text from "Share" to "Share This On Whats APP"

    I mean large text , instead of button to become big on widht, to display in a line like

    Share This On Whats APP

    Its start displaying a button big in height like

    This On
    Whats APP

    Which look too odd, how to solve that.


Although every comment is appreciated, due to time limitations I might not be able to respond to everyone. Keep it in mind that we respect all comments by our readers but all spam comments and spam links will be deleted. Thanks for understanding!

Copyright © 2013 Ajaxsurf™ is a registered trademark.