Whatsapp Button For Blogger post | Hitesh Katara

Whatsapp Becames social Platform according to BUZZFEED SAYS "iPhone users are clicking their new WhatsApp button more than Twitter's. This was enough for us to build a WhatsApp sharing button generator, so you can easily create your own."

Searching For Whatsapp Button ? Here is something Special for you,Whatsapp Button ! Yes Whatsapp button for Blogger. This Is only Available only on HiteshKatara.com.want more widgets ? Click here . It is Useful for Sharing on Whatsapp 

Also Read : Top 10 Best Bollywood Movies Of 2014

1. Go to Template > Edit HTML.
2. Back up your template.
3. Tick the Expand Widget Templates checkbox on top right of the code window.
4. Next, locate the first instance of <data:post.body/> tag and paste the following code immediately above or Below it:

DEMO [Use Andriod or IOS Mobile and See on the top of Page ]

1)Small

 <!-- Whatsapp sharing button for blogger -->
 <!-- Copyrited Hiteshkatara.com do not edit this  -->
<script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;http://hiteshkatara.com/whatsappsharing/jquery.js&quot;;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>

2)Medium

 <!-- Whatsapp sharing button for blogger -->
 <!-- Copyrited Hiteshkatara.com do not edit this  -->
<script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;http://hiteshkatara.com/whatsappsharing/jquery.js&quot;;h.appendChild(s);}</script>
<a class='wa_btn wa_btn_m' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a>

3)Large

 <!-- Whatsapp sharing button for blogger -->
 <!-- Copyrited Hiteshkatara.com do not edit this  -->
<script type='text/javascript'>if(typeof wabtn4fg===&quot;undefined&quot;){wabtn4fg=1;h=document.head||document.getElementsByTagName(&quot;head&quot;)[0],s=document.createElement(&quot;script&quot;);s.type=&quot;text/javascript&quot;;s.src=&quot;http://hiteshkatara.com/whatsappsharing/jquery.js&quot;;h.appendChild(s);}</script>
<a class='wa_btn wa_btn_l' expr:data-href='data:post.url' expr:data-text='data:post.title' href='whatsapp://send' style='display:none'>Share</a>

5.Buttons positioning
6.To position the buttons at the bottom of post, place the code below (instead of above) <data:post.body/>.
Preview before saving.
Enjoy!

If You want to show this button only on Post use this code :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
---whatsapp button code---
</b:if>

Note : "WhatsApp sharing is currently supported by iOS and Android. This button will figure out the current platform by itself and only shows up on supported devices!"

Source: www.hiteshkatara.com