The Whatsapp Sharing button is now available on blogger 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.
This widget will only show in Android and IOS mobile , But in a couple of weeks we will be presenting a this widget for all mobile phones, If your target mobile audience is the Andriod mobile users then this widget will work very well for you.
Preview
• 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 :
• Step 4
Just above this code Paste this code .
• 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
Medium
Large
• Step 7
Save your widget and you are done
Conclusion
This sharing widget is simply the best and we are looking forward to bring you more customisations to this widget, so stay in touch with us and we will keep you amazed, please feel to leave your comments below and we would like to hear what you got to say.
This widget will only show in Android and IOS mobile , But in a couple of weeks we will be presenting a this widget for all mobile phones, If your target mobile audience is the Andriod mobile users then this widget will work very well for you.
Preview
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 :
</body>
• Step 4
Just above this code Paste this 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
<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
<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
<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
Conclusion
This sharing widget is simply the best and we are looking forward to bring you more customisations to this widget, so stay in touch with us and we will keep you amazed, please feel to leave your comments below and we would like to hear what you got to say.
Not working at all
ReplyDeleteHi Paritosh Trivedi, please note that this whatsapp share widget is only visible on android and IOS devices. Have you tried it on mobile ?
DeleteI have changed the template of my blog and tried to save the changes but the blogger blog is not saving the any changes to the template. Can you help me to figure out what might be the problem. Any time I put the code and click on the save button and after it I click the back button the message displayed is that the changes are not saved and changes will be lost.
ReplyDeleteI have noticed the same thing, I will try to find out what happened because the code might be changed by the servers. we will get back to you with an update.
DeleteThis is a great blog, usually I don't post comments on blogs, but I would like to say that this post really forced me to do so!
ReplyDeleteAngry Status For Whatsapp & Romantic Status For Whatsapp
Find all Social help and learn method that how to add whatsapp messenger in your blogger visit..
ReplyDeletehttp://tangowali.blogspot.com/2015/07/whatsapp-share-button-for-blogger.html
Hello, the size large is unfortunately too small. Is there also Xl or xxl?
ReplyDeleteNot working.
ReplyDeleteI add code in template and layout but no option is come for share on whatsapp
the widget will only show on the mobile template for mobile readers
DeleteThanks for sharing info. Keep up the good work...We hope you will visit our blog often as we discuss topics of interest to you
ReplyDeleteWhatsApp for PC
Can we change button image to some thing other like i like http://wapkaimage.com/400861/400861942_471a3b5e3e.jpg
ReplyDeleteIf i just change the text from "Share" to "Share This On Whats APP"
ReplyDeleteI mean large text , instead of button to become big on widht, to display in a line like
Share This On Whats APP
Its start displaying a button big in height like
Share
This On
Whats APP
Which look too odd, how to solve that.
you can download Whatsapp DP from any website who provide these kind of detail
ReplyDeleteThere a few interesting points in time in this article but I do not determine if I see these people center to heart. There exists some validity but I will take hold opinion until I consider it further. Great article , thanks and that we want far more! Added onto FeedBurner too whatsapp crack code
ReplyDeleteThis particular papers fabulous, and My spouse and i enjoy each of the perform that you have placed into this. I’m sure that you will be making a really useful place. I has been additionally pleased. Good perform! best status
ReplyDelete