How to: add share this buttons to the bottom of each post

Some of you have noticed that I was able to figure out how to put all of the social networking share buttons at the bottom of my blog posts instead of at the top, also to get several in a row (well, 2 rows) and though it took me quite a while to figure out, since no one had an easy tutorial that I found, especially since I wanted to make it as easy as possible for you to a) share the site and posts and b) get extra entries for our giveaways, I played around with the coding until I got something that made me happy- at least for the moment. ;-)

If you want to use the buttons I have, use this exact code- if you want a different style. just replace that part of the code.  You want to copy it exactly EXCEPT replace with your urls and user names.

Here are the simple step by step instructions so you can add the buttons to your site.  

Copy and paste this exact code to your editing program (word, notepad, etc)

Replace YOUR URL HERE and YOUR USER NAME with your actual urls and user names.

Go to your blogger dashboard and click Edit HTML
Click Download Full Template if you want to save a copy (RECOMMENDED)

Click Expand Widget Templates

Search (use control f) for data.post/body .

Add code immediately after.

Click on preview and it will open in a new window.  If you like how it looks, click save.  Check to make sure each button works and you have directed it to the proper url.




If you find this tutorial useful, feel free to spread the word, we'd really appreciate it. A link back would be appreciated. Knowing we helped someone avoid the headaches and hassles really brightens our day. :-)

More easy blog tutorials can be found here.

XOXO Dddiva
Share Pin It

4 comments: