Here's how she (and I) did it:
First, you'll need to find a 'Pin It' button you want to use. I used a basic one, like this:
Feel free to use this one if you'd like. Just right-click it and 'Save Link As' to save to your PC. Then, you'll need to host it somewhere like ImageShack or FileDen. Once you have uploaded it to your host of choice, then grab the 'Direct Link' or URL link. You would then copy & paste your NEW image URL over where you see my "http://img259.imageshack.us/img259/7278/pinit.png" URL in the code below:
FYI: this tutorial and code will be inserting the 'Pin It' button in your footer, as you'll see in my footer below. Keep in mind, your footer may be wider or taller than mine, but that's OK - It'll still be in a great spot & easy for everyone to see.
Here's the (magic!) HTML Code:
You'll need to access your 'Template' page and click 'Edit HTML'. (I know HTML can be a bit scary, but trust me, this is scare-proof)
I've laid it out, step-by-step...
**Click photos to enlarge**
**The CTRL F target is: div class='post-footer'**
The next step will have you copying & pasting the HTML code I gave you above exactly where you see it below. Be careful! Any misstep or errors in the code (even an extra space) will cause it to give you an error.
Don't forget to click 'Save Template'!
Then, VOILA! You're done! Now you'll have a Pin It button on EACH post so you can share all your blog awesomeness to the world! Easy, right?
Again, thank you so much to JulieAnnArt.com for the tip! Hop on over to her blog! It's pretty dang awesome!
Follow my blog with Bloglovin