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

Tricks Duniya -ONLINE SHOPPING GUIDE, MOBILE TRICKS, ANDROID TRICKS, HACKING > COMPUTER ZONE > Publisher & Developer Zone > How To Add Whatsapp Share Button to Blogger/Blogspot [Guide] >

Replies: 0 views: 558

Thread Rating:

0 Vote(s) - 0 Average
1
2
3
4
5

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

Threaded Mode | Linear Mode

Facebook Share

08-15-2015, 07:31 PM, (This post was last modified: 08-15-2015, 11:05 PM by Savan.)

Offline

Savan

Moderator

Joined: Jun 2015

Mesajlar : 472

Konular:

Rep Puanı: 1

Points: 120.96₹
Points: 120.96₹

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

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

Possibly Related Threads…
Best way to Remove Widget Bundle CSS file from Blogger

(This post was last modified: 08-15-2015, 11:05 PM by Savan.)

08-15-2015, 07:31 PM

« Next Oldest | Next Newest »

Users browsing this thread: 1 Guest(s)

Possibly Related Threads…
Thread		Author	Replies	Views	Last Post
	Best way to Remove Widget Bundle CSS file from Blogger	Red	0	626	11-26-2015, 04:16 PM Last Post: Red
	How to auto share your new posts to Facebook and twitter	Red	0	490	11-23-2015, 02:38 PM Last Post: Red
	How to Enable HTTPS Secure Protocol on Blogger Blogs	Red	0	446	10-21-2015, 06:30 PM Last Post: Red

Forum Jump: