HOW TO ADD PINTEREST BUTTON ON BLOG OR WEBSITE

Today i want to share you How to add pinterest button on blogger. Not many blogger know about it.
Why i say that, because basically domain such as blogger.com not support of this button.
So, this make not many blogger try to search or effort to add pinterest button on blogger or blogspot.
And for the other blogger just wait for people that have ability to do such thing and then pay for it.
Just like, at the beginning my blog or website does not have pinterest button.
Then when I join of blog group, there are thread that force me to do that.
I am so frustrated about this, because just like i said before, blogspot domain don't support this.
I have effort by searching article about it on the internet and actually most those article does not suit with me.
But my effort is getting result, and at last I have been found one article that i can count on it and success when apply it on my blog.

There are several to create Pinterest Button on our blog:
1. Login to your blog (Blogger Dashboard).

2. Then choose Theme then it will show show two button. First Button is costumize and the last one is Edit HTML

3. Click on Edit HTML Button to add Pinterest Button script on Edit HTML.

4. After HTML page show then go to Pinterest Developer site. to access that site just click this link

5. On the Pinterest Developer site you will show three kinds of Pinterest button. First button is called "One Image", then second button is called "Any Image" and the last one is called "Image Hover".

picture of one image

picture of Any image

picture of Hover Image

6. Then on the Pinterest HTML Script copy the code that automatically appear. on One Image you could copy this Script on your blog

<a data-pin-do="buttonPin" data-pin-count="above" href="https://www.pinterest.com/pin/create/button/?url=https%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F&media=https%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg&description=Next%20stop%3A%20Pinterest"></a>

 And if you want to use Any Image just copy of the script below.

<a data-pin-do="buttonBookmark" href="https://www.pinterest.com/pin/create/button/"></a>

For bloger that wanna use Image Hover just copy script below on your blog.

<script async defer data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

After you have copy the script on the Edit HTML  then saved your changed and then view your blog. The pinterest button will show.

That all for today, see you on my next trip on this website. Keep comment and visit this website to get an update of my article.

Tweet