Hacks,Tricks,Blogging Tricks ,Cool Computer Tricks ,Blogger Widget,Mobile Hack Tricks ,Auto like Trick,JavaScript,Coding,Magic Tricks,Facebook Tricks
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
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 :
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.comSearching 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
- Go to Template > Edit HTML.
- Back up your template.
- Tick the Expand Widget Templates checkbox on top right of the code window.
- 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 -->2)Medium
<!-- Copyrited Hiteshkatara.com do not edit this -->
<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://hiteshkatara.com/whatsappsharing/jquery.js";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 sharing button for blogger -->3)Large
<!-- Copyrited Hiteshkatara.com do not edit this -->
<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://hiteshkatara.com/whatsappsharing/jquery.js";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>
<!-- Whatsapp sharing button for blogger -->
<!-- Copyrited Hiteshkatara.com do not edit this -->
<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://hiteshkatara.com/whatsappsharing/jquery.js";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 == "item"'>
---whatsapp button code---
</b:if>
