Home / Blogger / Add Social Sharing Buttons To Blogger Blog

Add Social Sharing Buttons To Blogger Blog

Do you want to get more page views and visitors?If yes then read this post.In this post i’m going to show you how to Add Social Sharing Buttons To Blogger Blog.With this sharing buttons your site visitors can easily share your blog posts with their friends.Blogger has also share buttons but those buttons are not beautiful.

Before we start make sure you have removed the default blogger share buttons.Every webmaster knows the importance of social networks.There are many ways available to Add Social Sharing Buttons To Blogger Blog.So today i show one of them.Follow the below steps to Add Social Sharing Buttons To Blogger Blog.

Add Social Sharing Buttons To Blogger Blog:Add Social Sharing Buttons To Blogger Blog

Create account on addthis:

Step 1:

First of all go to addthis.com and sign in to your account.

Step 2:

To get the addthis social share buttons and stats of your buttons, create new account on addthis.You can also sign in with Facebook, Twitter and Google.

Step 3:

Now select the website(if required) and choose the style and click on that.

Step 4:

Scroll down the page and keep this tab open.

Add Social Sharing Buttons Above Post:

Step 1:

Now open new tab and go to blogger.com and sign in to your account.

Step 2:

Go to Template>Edit HTML and find the below code(TIP:Use CTRL + F to open search box.):
<div class=’post-header’>
Now paste the first addthis code below <div class=’post-header’> .See below picture for help:
example

Step 3:

Now paste the second add this code below <head> .

Step 4:

Now save your template.It will take some moments.

Add Social Sharing Buttons Below Post:

Step 1:

Open new tab and go to blogger.com and sign in to your account.

Step 2:

Go to Template>Edit HTML and find the below code(TIP:Use CTRL + F to open search box.):
<div class=’post-footer’>
Now paste the first addthis code below <div class=’post-footer’> .See below picture for help:
example

Step 3:

Now paste the second addthis code below <head> .

Step 4:

Now save your template.It will take some moments.

Comments

comments

About tahir

Muhammad Tahir lives in Lahore, Pakistan. Loves to read and write articles about tech and web resources online.

Check Also

Add Animated Flying Twitter Bird Widget to Blogger

Add Animated Flying Twitter Bird Widget to Blogger

Many bloggers are using Animated Flying Twitter Bird Widget.This is most popular widget.Animated Flying Twitter ...

Customize Blogger label widget with CSS3

Customize Blogger label widget with CSS3

Customize Blogger label.Blogger label shows the list of categories of posts.Creating labels helps to find ...

Convert Blogger blog to PDF

Convert Blogger blog to PDF

You can convert your blog posts to pdf with website.After converting all your blog posts ...

Stylish animated flash clock for blogger

Today i’am going to show you that how to add stylish animated flash clock for ...

Recent posts widget for blogger

Recent posts widget for blogger

Add recent posts widget to increase page views of your blog and tell your visitors ...