Thursday, 21 August 2014

|| TIME: || Leave a Comment

How To Add social media share buttons In blogger

One of the great ways to get a lot of traffic is from social media.It has great potential to drive a lot of traffic to your blog.Now add social media Share Buttons on your blogger blog to share them easily and also make the readers to share them on social media.
How To Add social media share buttons In blogger

 There are already many methods of adding share buttons to a blog post and summary.In this method we will tell how to add share buttons at the end of the posts and at the post summary.

STEP 1: ADDING SCRIPT


1.Goto Blogger>Template>Edit Html

2.Search For 
</head>
3.Now Above That add the Following Code
<span id="st_finder"></span><script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js"></script><script type="text/javascript">var switchTo5x= true;stBlogger2.init("http://w.sharethis.com/button/buttons.js",{}, "23c235b2-e301-42b3-9d4c-43d8d68d1fa2");var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch(err) {}}</script>

4.Click Save Template



2: TO Display Share Buttons Only At The End Of Posts


1.To add social share buttons only at the end of each posts,Goto EDIT HTML in Blogger

2.Now Search For Footer Lines.It may be like this.
<div class='post-footer-line post-footer-line-1'>

3.Paste the following Before This line
<div>
<span class='st_fblike_vcount' displayText='Facebook Like'/>
<span class='st_plusone_vcount' displayText='Google +1'/>
<span class='st_twitter_vcount' displayText='Tweet'/>
<span class='st_linkedin_vcount' displayText='LinkedIn'/>
<span class='st_stumbleupon_vcount' displayText='StumbleUpon'/>
<span class='st_pinterest_vcount' displayText='Pinterest'/>
<span class='st_email_vcount' displayText='Email'/>
<span class='st_facebook_vcount' displayText='Facebook'/>
<span class='st_fbsend_vcount' displayText='Facebook Send'/>
</div><br/>

Now you can see the social sharing buttons appearing only below each and every post.


3.Adding Buttons Both Below End Of Post And At post Summary


1.To display social share buttons both at the End of each posts and the post summary in home page,do the following.

2.Find the Footer line,it will be like this,
  <div class='post-footer-line post-footer-line-1'>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
</b:if>
</div><div>
3.Now Paste the following code after the above line 
 <div>
<span class='st_fblike_vcount' displayText='Facebook Like'/>
<span class='st_plusone_vcount' displayText='Google +1'/>
<span class='st_twitter_vcount' displayText='Tweet'/>
<span class='st_linkedin_vcount' displayText='LinkedIn'/>
<span class='st_stumbleupon_vcount' displayText='StumbleUpon'/>
<span class='st_pinterest_vcount' displayText='Pinterest'/>
<span class='st_email_vcount' displayText='Email'/>
<span class='st_facebook_vcount' displayText='Facebook'/>
<span class='st_fbsend_vcount' displayText='Facebook Send'/>
</div><br/>
Now you can see the social sharing buttons appearing below the end of each posts and at the post summary in homepage.


Support Us By Sharing