Blogging Tips: Adding Social Media Share Buttons to Every Post

Welcome Back to my Blogging Tips Series.

If you missed the first two weeks, you can find them here:

Today I will be showing you how to add social media share buttons to the top of every post, like the ones that I have. Take a look…do you like them? These little beauties make it super simple for anyone to share your content.  When I was first trying to set up my social media share buttons, I was adding them manually into each post one button at a time.  That lasted about 3 posts and I knew there had to be an easier way.  That’s the way it goes around here…I start by doing things the difficult way, get fed up, and then turn to Google. 
Here we go:

First, select “template”

In order to get the buttons to show up above each post, you have to edit your html.  Don’t worry, this is not as scary as it sounds. 

Click “Edit Html”. Before making any changes, be sure to back up your template!

Check “Expand widget template”

Using “Ctrl F”, search for this part of your html code:

The code below is the code for the buttons.  Copy and paste this code ABOVE the code that you just searched for ()


  1. says

    Such a great tutorial! Thank you!! I have tried to put this on, but the “Pin it” button is not showing up. Everything else is great. Is there something else I need to do? I took it off just in case I made a mistake, so it doesn’t show right now.

  2. says

    Hi! I found you via the Ginger Snap Crafts linky party. I appreciate your tip and I’ve applied it to my blog! I pinned it too! I think others would benefit from this and I’d love for you to share it at my party the Rock N Share.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

CommentLuv badge