How To Add Whatsapp Share Button to Blogger/Blogspot [Guide]

How To Add Whatsapp Share Button to Blogger/Blogspot [Guide] - Printable Version

+- Tricks Duniya -ONLINE SHOPPING GUIDE, MOBILE TRICKS, ANDROID TRICKS, HACKING (http://tricksduniya.com)
+-- Forum: COMPUTER ZONE (http://tricksduniya.com/forum-43.html)
+--- Forum: Publisher & Developer Zone (http://tricksduniya.com/forum-73.html)
+--- Thread: How To Add Whatsapp Share Button to Blogger/Blogspot [Guide] (/thread-3739.html)

How To Add Whatsapp Share Button to Blogger/Blogspot [Guide] - Savan - 08-15-2015

The Whatsapp Sharing button is now available onblogger 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.

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.

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

Code:
</body>

• Step 4:- Just above this </body> code Paste this code.

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

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

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

Code:
<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.

SAVAN

TRICKSDUNIYA