Installing Follow Buttons on Blogger

Inserting Follow Buttons in your website's template

1.) Login to your Shareaholic account.

2.) Select your site from the My Sites dropdown at the top of the page.

3.) Towards the bottom of the Apps page, under Follow Buttons, click New In-page App.

follow-add_new.png

This will bring up a pop-up window, where you can configure the appearance and settings of your Follow Buttons. You will be able to see a live preview of the Follow Buttons on the right-hand side of the window.

4.) In the Layout tab, enter the name of the location where the follow buttons will appear (e.g. Right Sidebar). Optional: Entering a Headline Text will add customized text above the Follow Buttons (e.g. Follow me!).

follow-headline_name.png

5.) Use the settings in the Design section to customize the theme, size, position, layout, alignment, and color of the buttons to best fit your website's theme.

follow-design.png

6. In the Accounts section, enter the username for each service you want as a button, and use the toggle buttons to the left of the icons to enable/disable those services.

 follow-social_services.png

7.) Click Save.  

8.) Go to the Code tab of the pop up window to access the HTML code for your follow buttons. 

follow_code.png

9.) Copy the code.

10.) Return to your Blogger admin page

11.) Click on Layout in the lefthand menu

12.) Click "Add a Gadget" wherever you want to place the Follow Buttons 

13.) Select HTML/JavaScript from the list of gadgets

14.) Give the gadget a name and paste the Shareaholic Follow Button code in the Content section

15.) Click Save and your Follow Buttons should now be activated on your site!

Was this article helpful?
5 out of 9 found this helpful