X Close
T Sunday, August 24, 2014

How To Add Follow Buttons To Header In Blogger

fahim raza Be the first to comment!
How to add follow buttons to header in blogger | 101Helper Blogger tips, blogger tricks, blogger gadgets, blogger widgets, blogger tutorials

You may have noticed many blogs have social follow buttons in header section which help them to get more followers but how to add follow buttons to header section of blog? I have found a away to add follow buttons in header. Its very easy and you don't have to get any code for this. All you need is an account at www.addthis.com.
Follow buttons not only help you increase number of your blog's followers but also show your skills in blogging So follow the below steps to add follow buttons to the header of your blog as I did in mine:

(1). Go to addthis, login to your account or register a new account. 

(2) . Go to Tools > Follow Buttons.

how to add follow buttons in blogger header

(3). Give it a title which you want to add to your buttons.

how to add follow buttons in blogger

(4). Below title choose your social media follow buttons e.g Facebook, Twitter, Google+ and Rss feed url.

select follow buttons addthis blogger

(5). After choosing follow buttons enter your social links for each button.


How to add follow buttons to header in blogger | 101Helper Blogger tips, blogger tricks, blogger gadgets, blogger widgets, blogger tutorials

Click on Show more options to get more options!

(6). Select a theme the default theme is transparent, below theme specify the responsive width and vertical offset of follow buttons. 

Responsive width means the width after which follow buttons will automatically hide.

Vertical offset means position of buttons.

Furthermore choose to show a thank you message or no when a visitor start following you on any social network.


How to add follow buttons to header in blogger | 101Helper Blogger tips, blogger tricks, blogger gadgets, blogger widgets, blogger tutorials

(7). Click on Activate button.

(8). Click on GET THE CODE in the menu on top.

(9). Copy the first code which is the main addthis integration code and paste it below <head> in your template, if you have done this already than skip this step.

Follow buttons may take 5 to 10 minutes to appear

Thanks for visiting 101Helper. Follow and subscribe for latest updates. Share with others and spread my blog :).

How to add follow buttons to header in blogger,addthis follow buttons blogger,follow buttons html code,follow buttons for blogger,facebook,twitter,social media follow buttons,html,css follow buttons 101helper



No comments :

Post a Comment