How to Add a Pinterest Button to the Top of All Blog Posts in Blogger

I have spent hours searching for a way to put a Pin-It button into all of my posts. I could only find a way to put it into the bottom of the post, which I didn't want. I wanted it at the top of my posts so that people can see it and easily "Pin" my post/photos. The easiest tutorial I found was from Julie Ann Art. I modified this a little  and found a way to add it to the top of my posts!

Before starting, back up your template in case you make a mistake!

1. First go into your the "Design" tab, click "Edit HTML", then "Expand Widget Templates" like shown below.

2. Hit Ctrl + F to find the following code:

<div class='post-body entry-content'>

3. Right below that code, place the following code:

<div><a href="javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());"><img alt="Pin It" class="aligncenter" src="http://img.photobucket.com/albums/v419/green_tea/pin.jpg" /></a></div>

4. Click "Save Template" and that should be it! Hope this helps you!