We’ve built a lot of content and we want to encourage our site visitors to share it. In this step, we are going to add the popular AddThis social media sharing buttons to our site. Social media sharing of our content can help us build our audience and get noticed. So we don’t want to miss out on this important opportunity to make it easy for our site visitors to spread the word.
How to add social media sharing buttons to Thesis 2
First-things-first, go to AddThis and create a free account.
Next, click the “Get the Code” menu option.
The code page gives us several options for choosing our buttons.
My choices are:
- Select style: this is a personal preference. I like the large icons without text so this is what I’ve chosen.
- Options: the checkbox is selected by default. I uncheck it because I don’t like the code appended to the end of my URL. This is a personal choice.
We’ll click the blue “Grab It” button when it’s time to copy the code to our site.
Next we need to add the AddThis code to our site. Navigate to the Thesis Skin Editor > HTML > Home template.
We will create a new Text Box using the “Add Boxes” window.
Give your box a name and click the blue “Add Box” button.
We now have a custom HTML text box to display our AddThis code.
Perform a shift-click and drag the new box to the “Home Post Box”.
Move your cursor over the “AddThis” box and click the gear icon. Referring back to the AddThis “Grab It” button, click it and copy the script. Paste the script in your new AddThis box. Be sure to check the “disable automatic <p> tags”.
Click the “X” at the top of the pop-up to save your changes. Click the green “Save Template” button.
Refresh your home page and your posts should look something like the picture below. Notice the social sharing buttons below the comment count.
We’ve added the social sharing buttons to our home page. Now we need to add them to our single page template.
Click on the “Home” template then select “Single”.
One of the awesome things about Thesis 2 is when we add boxes to one page template, they are also available for use on the other templates. Notice in the right sidebar column the “AddThis” box we created is listed.
Perform a shift-click and drag your new box to the “Home Post Box” area.
We don’t need to do anything else with the “AddThis” box since we already added our code above.
Click the green “Save Template” button.
From your homepage select one of your blog entries. Scroll down until you see your AddThis social sharing buttons.
Depending on where you want to display the social media sharing buttons, you may need to update other page templates such as Category or Tag.
If you have enjoyed this tutorial, go ahead and share it by clicking one of my sharing buttons. Thanks!
I hope you will add social media sharing buttons to your Thesis 2 site to help your visitors spread the word.