Whatsapp Share Button for Blogger blog

Already, I explained How to add Whatsapp Share Button on WordPress and Blogger? But that code expired. So, I create new code for Whatsapp Social Share button and Share this trick for you. Use this widget and get more smart phone users view on your site. Just follow my tutorial

Whatsapp Share Button for Blogger blog 1

Add Whatsapp Share Button in Blogger

Step 1: Log In to your Blogger accout.
Step 2: Go to Template>>Edit HTML
Step 3: Find this code </body>
Step 4: Just above paste this below 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 the Template

Step 6: Now go to Blogger Layout.

Step 7: Now Click Add a Gadget >> HTML/JavaScript. Paste any one of code below on it.

Small Share Box

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

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

<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 8: Save the widget.

Note: This Whatsapp Share Button only visible on Android and iOS device. 

2 Comments

Add a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.