Tips on Engineering

E-Videos

Thursday, December 12, 2013

How to add social media sharing buttons below post title on blogger


Hi friends, Now social medias are most powerful tool to get your visitors, readers.Here i am going to give you a very easy idea to add social media sharing buttons below your post title in blogger.


Firstly go to dashboard>templates then pls backup your blog first now clicking on backup/restore section then download.
after backing up, go to edit html
find </head>
paste this code just before </head>

<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;248960f2-8458-419d-b6af-6728e87583ec&quot;, doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>




now find <div class='post-body entry-content
then paste this code just before this.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<span class='st_facebook_vcount' displayText='Facebook'/>
<span class='st_twitter_vcount' displayText='Tweet' st_via='your handle name'/>
<span class='st_sharethis_vcount' displayText='ShareThis'/>
<span class='st_linkedin_vcount' displayText='LinkedIn'/>
<span class='st_email_vcount' displayText='Email'/>
<span class='st_fblike_vcount' displayText='Facebook Like'/>
</b:if>

NOTE: Change your handle name by your own twitter handle
Now you almost did your job, just hit save template then view blog..... Enjoy