How to Add Social Media Share Button in Blogger

Now a days Social Media such as Facebook, Twitter,Linkedin etc are the most powerful sources to gain the traffic of your website.Every Top website having social media share buttons in their websites to share their Articles and Software's to social media for gain more visitors.In WordPress websites it's easy to add social media buttons by just installing a Plugin.But in blogger you have to add an code in your HTML template for adding the Social media share buttons.Normally new users cannot add these share buttons without the guidance.Here i write an Article "How to Add Social Media Share Button in Blogger."


Related: How to Add Non Removable Credit Links in Blogger Template

Steps: How to Add Social Media Share Button in Blogger

• Login to your Blogger account and open your Blog in which you want to add Social Media Share buttons.
• Click the "Template" in the left sidebar of Blogger Dashboard.And Click on "Edit HTML."
• Now click anywhere inside the HTML codes and press "CTRL+F" from your keyboard.And search for "<data:post.body/"
• Put the following codes after <data:post.body/.
  <b:if cond='data:blog.pageType == "item"'><div style='padding:10px 0;margin:5px 0px 8px 0px;width:100%;float:left;height:20px;border-bottom:1px solid #323232;'><div style='float:right;padding-right:10px;'><div class='addthis_toolbox addthis_default_style '><a class='addthis_button_facebook_like' fb:like:layout='button_count'/><a class='addthis_button_tweet'/><a class='addthis_button_google_plusone' g:plusone:size='medium'/><a class='addthis_counter addthis_pill_style'/></div><script src='http://s7.addthis.com/js/250/addthis_widget.js#pubid=4rifin' type='text/javascript'/></div><div style='float:right;padding:0px 10px 0px 0px;font:14px PT Sans Narrow;color:#D04721;'><strong>Share this Movie</strong> : </div></div></b:if>
• Now click "Save Template".

You have successfully Add Social Media Share buttons after your every blog post.

Steps: Add Social Media Profile Follow Box in Blogger Sidebar.

• Go to Layout in your Blogger dashboard and click "Add a Gadget" where you want to add your social media profile follow links.

• Click "HTML/JavaScript" in Gadgets and write Title as "Follow Me" and enter the following codes in "Content"
  
  <div class="a2a_kit a2a_kit_size_32 a2a_default_style a2a_follow"> <a class="a2a_button_twitter" data-a2a-follow="Enter Your profile name only"></a> <a class="a2a_button_facebook" data-a2a-follow=" Enter Your profile name only "></a> <a class="a2a_button_instagram" data-a2a-follow=" Enter Your profile name only "></a> <a class="a2a_button_pinterest" data-a2a-follow=" Enter Your profile name only "></a> <a class="a2a_button_google_plus" data-a2a-follow=" Enter Your profile name only "></a> <a class="a2a_button_linkedin" data-a2a-follow=" Enter Your profile name online "></a> <a class="a2a_button_linkedin_company" data-a2a-follow=" Enter Your profile name only "></a> <a class="a2a_button_vimeo" data-a2a-follow=" Enter Your profile name only "></a> <a class="a2a_button_youtube" data-a2a-follow=" Enter Your profile name only"></a> <a class="a2a_button_youtube_channel" data-a2a-follow=" Enter Your profile name only "></a> <a class="a2a_button_tumblr" data-a2a-follow=" Enter Your profile name only "></a> <a class="a2a_button_github" data-a2a-follow=" Enter Your profile name only "></a> <a class="a2a_button_foursquare" data-a2a-follow=" Enter Your profile name only "></a> <a class="a2a_button_behance" data-a2a-follow=" Enter Your profile name only "></a> <a class="a2a_button_flickr" data-a2a-follow=" Enter Your profile name only "></a></div><script async src="//static.addtoany.com/menu/page.js"></script>
  
• Replace "Enter Your profile name only" with your Desired Social Media. For example if your Facebook Profile URL is http://www.facebook.com/l0ufer then you have to replace "Enter Your profile name only" with L0ufer. and Click "Save"

You have success full add the Follow me Buttons in your Blogger Sidebar.

If your Like this Article then Share with your Friends.For any help Don't hesitate to Contact me.