How To Add Blogger Official Share Buttons

In this tutorial I will explains, how to add blogger new share buttons to your blogspot blog.This will be more helpful if your template is a highly customized blogger template.But if your template is not a blogger default template, then you have to add this share buttons editing the Blog Posts widget and enabling Show Share Buttons in Page Elements section.

If you are using a default blogspot template please follow the red squares shown in the images below.

In design page, please move your mouse to bottom where you are able to view blog posts table.

After you click the edit button, there should be a pop up window which shows some options for the blog posts. You shall see the official share buttons modified by blogger.

But if this method does not work for you,follow the steps given below to add blogger share buttons to your blog.

Blogger now offers new share buttons. The new buttons can be placed under each post and let your blog readers easily share your post via email, Blogger, and popular social networks—we now support Google Buzz, Twitter, and Facebook, and we plan to add more services in the future.

-From Blogger Buzz

1.Login to your blogger dashboard--> layout- -> Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see below code:

<div class='post-header-line-1'/>

4.Now Copy below "Blogger Sharing buttons" code and paste it just below the above code.

NOTE: If you can't find <div class='post-header-line-1'/>
in your template, paste "Blogger Sharing buttons" code just before <data:post.body> .

This will show blogger sharing buttons below post header.But if you want to show share buttons below blogger post,then paste your code just after <data:post.body>.

5.Now save your template and you are done.