Monday 25 June 2012

Add Floating Vertical Share Bar for Blogger Posts with AddThis

People always love to share interesting content with their friends and followers. Isn't it? I think you totally agree with it. As you and I are struggles with information madness, we may always find different kind of interesting
information or content everywhere on the web. Once we find those, we may provide our feedback via available ways. Next we will try to find a way to share this piece of information. Copying and pasting links on our social profiles could somewhat an old methodology. So why don't you provide your readers an easy yet simple way to share your content across the web?

AddThis is an sharing platform useful for publishers and it enables readers to share content easily. However this time it will comes up with a different layout - Vertical layout. You may have seen vertical share buttons appearing on popular websites with easy sharing capability. As like that AddThis provides you vertical share bar with popular share buttons and eventhough readers scroll your page, still they will able to see share buttons. So they don't need to scroll top or bottom again to find share buttons if they wanna share your content. It's right there available for them. AddThis offers you vertical share bar in few different sizes and as usual, they offer you analytics for the shared content.

Before You Go:

You need to have AddThis account before you proceed with below steps. Sign up for a new AddThis account if you haven't got one yet.

Steps:

1. Navigate to Blogger Dashboard.

2. Click on your Blog Title.

3. Jump to Template tab.

4. Click Edit HTML button underneath your blog preview.

5. Click Proceed button view Template Editor.


6. Tick on, Expand Widget Templates option.

7. Now find </head> in your template.
8. Add following script right before the </head> tag.

<script type='text/javascript'>
var addthis_config = {"data_track_clickback":true, "data_track_addressbar":false};

var addthis_share =
{
templates:
{

twitter: "{{title}} {{url}} via @[Your Twitter Username]" }
};
</script>
<script src='http://s7.addthis.com/js/300/addthis_widget.js#pubid=[Your Profile ID]' type='text/javascript'/>

0 comments:

Post a Comment

Your Comment Posted After Approved.