Menu

Lovely Cute
  • More Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Dream Fun Product

    Drop Menu

    • Reports
    • Search
    • Graphs
    • Settings
  • Home
  • About
  • Contact
  • Sitemap
  • Others
    • Gambar Lucu
    • Infografis
    • Inspirasi
    • Motivasi
    • Photoshop
    • Teka-teki
    • Tips
    • Ucapan

Quicker BD

  • Menu
  • Home
  • Blogger
    • SEO
      • SEO 1
      • SEO 2
    • CSS
      • CSS 1
      • CSS 2
      • CSS 3
      • CSS 4
      • CSS 5
    • Jquery
      • Jquery 1
      • Jquery 2
  • Music
    • Product 1
      • Sub Item
      • Sub Item
    • Product 2
      • Sub Item
      • Sub Item
  • Flat UI
  • Features
Home » Blogger Tutorial » Blogger Widget » How-to » How to Add Whatsapp Share Button in Blogger

How to Add Whatsapp Share Button in Blogger

We discussed about many different social networking share buttons in our previous posts such as Facebook, Twitter, Google Plus etc. And today we are going to discuss about a share button of most used social network WhatsApp! . Yes WhatsApp is a most used social network as you can see an illustrated graph of WhatsApp versus other social networks below :

Whatsapp Share Button


Blogger now provides us an opportunity to have WhatsApp share button in our blog that will allow blog visitors to share articles on WhatsApp if they are visiting your site from mobile or tablet device. WhatsApp share button can help you to boost traffic to your blog. If your blog have something interesting content and you are looking for traffic then WhatsApp share button will be beneficial for the same. if one of your visitors share your post/article with their friends or in a group on WhatsApp there are chance to get your article re-shared. Now, If you want WhatsApp share button to be installed in your blogger blog just follow the steps given below:

Whatsapp Share Button

How to Add WhatsApp Share Button In Blogger?

This will be more beneficial that you add share button at the end of the post instead of side bar. So, here we will discuss about how to add WhatsApp share button at end of the post in blogger.

From blogger dashboard go to Template > Edit HTML
If you are using bloggers share buttons then just replace its code with the following one. or look for <data:post.body/> and paste the following code just above it.

<!-- Whatsapp Share Buttons Start -->
<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;https://dl.dropboxusercontent.com/u/7330191/whatsapp-sharing.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>
<!-- Whatsapp Share Buttons End -->

You're done, Now just preview your blog and save it.

Add Comment
Blogger Tutorial Blogger Widget How-to

Share

Like

G+

Tweet

Tweet
Related Posts

Show Conversion CodesHide Conversion Codes
Show EmoticonHide Emoticon
Newer Older Home
Powered by Blogger.

Weekly Posts

  • How to Add A Transparent Notification Bar To Blogger
    How to Add A Transparent Notification Bar To Blogger
  • Xmas "Flying Santa Claus" Widget for Blogger
    Xmas "Flying Santa Claus" Widget for Blogger
  • Supreme V2 ( Version 2) Responsive Blogger Template Download for free
    Supreme V2 ( Version 2) Responsive Blogger Template Download for free
  • How to Add Animated Flying Android Man Widget to Blogger
    How to Add Animated Flying Android Man Widget to Blogger
  • Create a Free Blog with Blogspot.com
    Create a Free Blog with Blogspot.com
  • How to Embed YouTube Videos In Blogger Posts
    How to Embed YouTube Videos In Blogger Posts
  • Use A Drop Cap Large First Letter In Posts On Blogger
    Use A Drop Cap Large First Letter In Posts On Blogger
  • Download Best and SEO Friendly Blogger Templates for your Blog
    Download Best and SEO Friendly Blogger Templates for your Blog
  • Flash SWF file Embed Code Generator
    Flash SWF file Embed Code Generator
  • Simple Recent Posts Widget for Blogger / Blogspot
    Simple Recent Posts Widget for Blogger / Blogspot

Blog Archive

  • ►  2017 (2)
    • ►  October (1)
    • ►  May (1)
  • ►  2016 (5)
    • ►  October (1)
    • ►  September (1)
    • ►  March (1)
    • ►  February (2)
  • ▼  2015 (28)
    • ►  November (1)
    • ▼  September (7)
      • Getresponse Vs iContact – Which Email Marketing pl...
      • Hide/Show Widgets/Gadgets in Home/post/static/arch...
      • How to Add Moving Page Title using JavaScript in B...
      • Add a YouTube Subscribe Button in Blogger
      • "Select Text and Share it on Twitter" Widget for B...
      • How to Add Whatsapp Share Button in Blogger
      • Learn how to save or preview posts in blogger
    • ►  August (2)
    • ►  July (1)
    • ►  June (1)
    • ►  April (3)
    • ►  March (3)
    • ►  February (5)
    • ►  January (5)
  • ►  2014 (105)
    • ►  December (4)
    • ►  November (6)
    • ►  October (1)
    • ►  September (8)
    • ►  August (12)
    • ►  July (14)
    • ►  June (5)
    • ►  May (11)
    • ►  April (5)
    • ►  March (15)
    • ►  February (24)

Labels

  • Facebook
  • twitter
  • googleplus
  • linkedin
  • youtube
  • flickr
  • vimeo
  • deviantart

Copyright Quicker BD 2018

Published By Gooyaabi Templates