Till January 2015 Whatsapp have nearly 700 million active users globally and 70 million users in India itself.
You can see the popularity of Whatsapp in the graph below showing form year 2009 when Whatsapp was launched till 2013 in million users globally:
So, why not leveraging the Whatsapp for your blog traffic. Here today we’ll know how to add Whatsapp sharing button to Blogger (Blogspot) blog.
Adding WhatsApp Button to Blogger:
Before going to codes, first decide where you want to appear the Whatsapp Button in your blog when someone visit your site in mobile devices. Better you find the codes where you have added Facebook and Twitter sharing buttons and with those buttons place WhatsApp button too.
Must take a buck up of your recent blogger template before going forward.
1. Go the Template of your blog and click on edit.
2. Find your previous sharing buttons.
3. Add the below codes with the previous buttons, be careful with the codes.
<!– Whatsapp Share Buttons Start –>
<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="https://googledrive.com/host/0BwMMDqbfGy7Od3UtLTRJcncwQ1U";h.appendChild(s);}</script>
<a class=’wa_btn wa_btn_s‘ expr:data-href=’data:post.url’ expr:data-text=’data:post.title’ href=’whatsapp://send’ style=’display:none’>Share</a>
<!– Whatsapp Share Buttons End –>
4. Preview the template, if everything fine Save it and view a post of your blog on a mobile device running Android or iOS (iPhone).
The above code will give a small WhatsApp button to your Blogger blog if you want to add a medium or large button change the code in red with wa_btn_m (for medium WhatsApp button) or wa_btn_l (for large WhatsApp button).
Sir how to find old share button in templet
it does not work in blog. My blog link http://xlifeview.blogspot.in
Thnaks for post …..
Bypass Survey Online
Nice post also visit my site http://www.hindimeshiksha.blogspot.com
working nice visit my site for tricks and great downloads http://fastgeekpress.com
This comment has been removed by the author.
Hi,
It is indeed very informative post. I will try this on my blog.
whatsapp for pc
it is working on my blog
http://www.cool4utricks.in
Thanks for this tuto… but the code does not work in my site: alwadifa
very nice article thanks for share
Whatsapp status in hindi
Thank u .
Thank u .
very nice man …………this is working blogger http://www.anyfit.blogspot.com
Thanks for the writeup… but the code doesnt work in my blog: my blog is http://www.felixomo1.blogspot.com
Its done see it on http://www.hungamaloot.blogspot.com
Nice
Thank
You
nice one from u writer my blog is http://www.informationspot.info
It is not working and the templates gets a bug : http://www.technotalks.in
Thanks for this information. I will give it a try on my website http://www.rechargeaddict.in
Thank you! Going to implement it on my blog Digital World
hello nice share man , i got a post on whatsapp sad dp have a look
funny whatsapp dp
thanks
This comment has been removed by a blog administrator.
This comment has been removed by a blog administrator.
It works like magic…
Copy and paste the code to wordpad to remove the credits. Success
Let me try it first and see what might be my result. Be thanks for the write up__ my blog is http://www.stuffnaija.blogspot.com