• Open Account
  • Signals
  • Monday, 20 April 2015

    Add Whatsapp Share Button to Blogger/Blogspot

    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.


    Preview


    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 :

      </body>

    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="http://techwar24.googlecode.com/svn/whatsapp-button.js";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.



    Small


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



    Medium



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

    Large


    <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


    Conclusion

    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.

    Sifiso Nkwanyana

    Author & Editor

    I hope you have recieved all the information you seek and thank you once more for browsing our website we hope to hear from you soon.

    15 comments:

    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 ?

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

      ReplyDelete
      Replies
      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.

        Delete
    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

      ReplyDelete
    4. Find all Social help and learn method that how to add whatsapp messenger in your blogger visit..
      http://tangowali.blogspot.com/2015/07/whatsapp-share-button-for-blogger.html

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

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

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

        Delete
    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

      ReplyDelete
    8. Can we change button image to some thing other like i like http://wapkaimage.com/400861/400861942_471a3b5e3e.jpg

      ReplyDelete
    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

      Share
      This On
      Whats APP

      Which look too odd, how to solve that.

      ReplyDelete
    10. you can download Whatsapp DP from any website who provide these kind of detail

      ReplyDelete
    11. There a few interesting points in time in this article but I do not determine if I see these people center to heart. There exists some validity but I will take hold opinion until I consider it further. Great article , thanks and that we want far more! Added onto FeedBurner too whatsapp crack code

      ReplyDelete
    12. This particular papers fabulous, and My spouse and i enjoy each of the perform that you have placed into this. I’m sure that you will be making a really useful place. I has been additionally pleased. Good perform! best status

      ReplyDelete

    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!