ADS

Breaking News

How to Add Social media Sharing Button Under Every Blogger Post?



Social media Sharing Button
Social media sharing button below blog post or over comment box is highly suggested as after reading complete blog post guests will be able to make judgment whether to share your things or not. This tutorial is a part of SEO, Boost your blog traffic put social media sharing button below each blog post in blogspot site.

Sharing button below every post body.

To diminish unnecessary loading time of a blogger blog, I have used the hide and show widget blogger tutorial on this so it won't increase the load time of your blog.

Step 1:  At first Backup your template.

Step 2: Go to your Blogger Dashboard >> Template >> Edit HTML

Step 3: Now find </head> by using (Ctrl + f)

Step 4: Copy and paste following code above </head> tag.

<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>stLight.options({publisher: &quot;ur-404af1e-8466-e495-f39d-559b597b9b17&quot;}); </script>

Step 5: Now Search For <data:post.body/> and Past following code below it.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<center><span style='color: #009900; font-size: 12px; font-family: Verdana;'>If You Enjoyed This Post Please Take 5 Seconds To Share It.</span></center><br/>
<span class='st_facebook_vcount' displayText='Facebook'/>
<span class='st_googleplus_vcount' displayText='Google +'/>
<span class='st_twitter_vcount' displayText='Tweet'/>
<span class='st_orkut_vcount' displayText='Orkut'/>
<span class='st_digg_vcount' displayText='Digg'/>
<span class='st_pinterest_vcount' displayText='Pinterest'/>
<span class='st_typepad_vcount' displayText='TypePad'/>
<span class='st_reddit_vcount' displayText='Reddit'/>
</b:if>

Step 6: Click save Button
That’s all.

No comments