How To Add WhatsApp Share Button on Blogger [Easy Methods...!]



As we know that WHATSAPP is one if the giant social network among the world...with easy and instant messenger...now in this era whatsapp is most common to all..

Here we are giving you a script coding for adding share button to you BLOGGER Templates to makes your blogger traffic reach with more and easy to share with persons via whatsapp.

This is strange that till now there's no official whatsapp share widget from whatsapp.
We know that the Blogger is one of the big platform....most of bloggers are searching for a working script coding..

There are TWO Easy Methods To Add Whatsapp Share on your Blogger Templates.
 Let's step up to its Easy and Simple Steps:

METHOD 1


Step 1: In your blogger templates Dashboard > Select Templates > Edit HTML






Step 2: In the HTML page Search (Press ALT+F)  </head>  




Step 3: And Add Below Mentioning JAVA SCRIPPT Code Before </head>


<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'/>
<script>
// Whatsapp share button
$(document).ready(function() {
$(document).on("click", '.tist', function() {
if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
var text = $(this).attr("data-text");
var url = $(this).attr("data-href");
var message = encodeURIComponent(text) + " - " + encodeURIComponent(url);
var whatsapp_url = "whatsapp://send?text=" + message;
window.location.href = whatsapp_url;} 
else {alert("This function works on Mobile Device only");}});
});

</script>

 Step 4: Search (Press ALT+F) Again for ]]></b:skin> and Add Below Mentioning CSS CODE above it

/* Whatsapp css setting */
.tist{background:#35BA47; color:#fff; padding:2px 6px; border-radius:3px;}

a.tist:hover{color:#fff !important;}

Step 5: Paste this Below HTML CODE above post footer. And click save!

<a class='tist' expr:data-href='data:post.url' expr:data-text='data:post.title' href='#'>Share on whatsapp</a>

You are Done..!! :-D

METHOD 2


Adding Whatsapp Share Button with the use of Addthis website
those who are not able to add via codding.they can easy manage via this website







Subscribe to receive free email updates:

10 Responses to "How To Add WhatsApp Share Button on Blogger [Easy Methods...!]"

  1. This comment has been removed by the author.

    ReplyDelete
  2. thanks for the tips and information..i really appreciate it.. 24 hour truck tire repair

    ReplyDelete
  3. Replies
    1. its perfectly working one, you may check it plz twice whether u instaled the code correctly or not plz

      Delete
  4. Here's a link to our share buttons: https://shareaholic.com/pub...
    You can add all the buttons you need, and have them appear on the top and/or bottom of posts.
    For example, The Social Media Hat uses our buttons above their content and at the end of their posts. See how our buttons look on their site:
    http://www.thesocialmediaha...
    Of course, you can customize your buttons in a variety of ways in your Settings.
    If you have any technical issues, feel free to reference our support center (http://support.shareaholic.... but if you can't find what you're looking for, submit a request and we'll be glad to help.

    ReplyDelete

Kindly Click On The Share Button Above To Share With Your Friends And Do Not Forget To Drop Your Comment(s).Thanks!

Disclaimer :- All My Post are Free Available On INTERNET Posted By Somebody Else, Iam Not VIOLATING Any COPYRIGHTED LAW. If Anything Is Against LAW, Please Notify Me So That It Can Be Removed.

Contact:admin@navastechs.com