Add Pinterest Pin It Button To Wordpress Page & Post

I was working on one web design project for vintage event/theme rental company, Intaglio Vintage of which you have seen the teaser on my Facebook Page. And since Pinterest has been very common for the owners, I propose the idea of adding the Pinterest Pin It button for their blog post and inventories. After researching for some plugin or similar feature for this, I only found the Pin It Button for the Bookmark on Website Browser. You can use it by simply dragging the button to your bookmark of either Safari, Chrome, or Firefox. Another one is Pinterest Follow Button, which I have also added on Intaglio Vintage's website header. Pinterest also provide the Pin It button for website which I thought could be the solution for this project. Sadly, this only works if you set the url of the website and url to the image of which you want people to pin. In the plus side, it works like the Facebook Like button as it comes with the count bubble. Then I decided to grab the code from the Pin It Button for Bookmark, attach it on a button and add it to the website. After few test and help from PiotrKrzyzek.com, I managed to add the Pin It button (Designed by Chykalophia Design) to the end of the blog post as shown on the image below. So now, how did we do it you ask? Here's the cheat code you can use:

To use your own button, swap in your image URL and wrap it in the Pinterest bookmarklet link. Or, to use the ready-made button I designed, copy the code below.

To use your own button, swap in your image URL and wrap it in the Pinterest bookmarklet link. Or, to use the ready-made button I designed, copy the code below.

And if you are familiar with the coding, I'm pretty sure you can also use the Pin it ribbon corner button I made to work. See my Showcase page for the live sample.