In this post, I will show you how to add a beautiful vertical social sharing widget in blogger.
1. First of all, go to blogger
dashboard. Click on the arrow pointing downwards on the right upper corner of the page and select Template.
dashboard. Click on the arrow pointing downwards on the right upper corner of the page and select Template.
2. Click on Edit HTML.
3. Now search for <head> in the HTML document and paste the following code above the <head>. (If you have already pasted this code before, then there is no need to add this code again)
<script type='text/javascript'>var switchTo5x=true;</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script src='http://s.sharethis.com/loader.js' type='text/javascript'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script src='http://s.sharethis.com/loader.js' type='text/javascript'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'/>
5. Now go to Layout and click on Add a Gadget anywhere on the page and select HTML/JavaScript from the list appeared.
6. Now paste the following code in the box and click on Save:
<script type="text/javascript">stLight.options({publisher: "b1881b79-c5c9-4044-9307-94082c38219e", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>
<script>
var options={ "publisher": "b1881b79-c5c9-4044-9307-94082c38219e", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "linkedin", "google plus", "pinterest", "email", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>
<script>
var options={ "publisher": "b1881b79-c5c9-4044-9307-94082c38219e", "position": "left", "ad": { "visible": false, "openDelay": 5, "closeDelay": 0}, "chicklets": { "items": ["facebook", "twitter", "linkedin", "google plus", "pinterest", "email", "sharethis"]}};
var st_hover_widget = new sharethis.widgets.hoverbuttons(options);
</script>
You are done! Now go to your blog and see a beautiful vertical social sharing widget on the left side of the blog! This widget adds beauty to your blog and also allow the visitor to share your posts on social media, thus increases the bog traffic!
You also want to read How to Add Page Navigation Widget to Blogger
The informative post about the adding the widget with the blogger thing. Thanks for sharing this post.
ReplyDeletebest e-commerce service provider | best web site developer