Youtube Android,Blogging SEO & Whatsapp Tricks

youtube SEO, tricks for blogger, wordpress tricks for earning money online youtube earning, whatsapp,windows, android & all about new technology.

How to add whatsapp text share button in blogger or websites

May 13, 2016 No comments
Add whatsapp text and content sharing button on your website or your blog this is very nice and easy way to provide a feature to audience to share important or useful Information content to friends whatsapp user is increasing day by day so Add whatsapp text sharing button in your website we make this button smart and advance this button will appear only in tab or mobile device this share button will not show in non whatsapp supporting device like Desktop laptop.
  • whatsapp share button Available in 3 Size Small, Medium and Large.
    • For Live Demo Open this page in mobile or Tab



    How to add this Button on your site or blog? Follow below Steps for add this button.
    Add Below Given Script in Head Section between <head> </head> tag.
    Add Below Script inside the head tag

    <script src='https://a7e50d3a86e6aca56fcd2aeeeb52875a2b2e08af.googledrive.com/host/0B6vyeno3zhEbfnlPVUxHTDBZdDlPWm53bUhaSDVLMkFqSkY4cDAyYWhZdnBDTURVa0dZTjQ/dist/whatsapp-button.js' type='text/javascript'></script>
    Now use below given any button Code in your page and add your content in this code as below given.
    Copy and use below code for add button in your website

    Use below code for small button

    <a class="wa_btn wa_btn_s" data-href="." data-text="Add Content here which you want to share" href="whatsapp://send" style="display: none;">Share</a>
    Use below code for Medium Size button

    <a class="wa_btn wa_btn_m" data-href="." data-text="Add Content here which you want to share" href="whatsapp://send" style="display: none;">Share</a>
    Use below code for Large Size button

    <a class="wa_btn wa_btn_l" data-href="." data-text="Add Content here which you want to share" href="whatsapp://send" style="display: none;">Share</a>
    Note :-
    Replace Add Content here which you want to share Text with your Text Which you want to share by clicking this button.
    I hope now you understand how to add whatsapp button in website if you want my help you can add your quetion in Comment Area click Comment Link which is show Below of this page Heading
    Subscribe to: Post Comments ( Atom )