How to Add Pinterest Save Button on Blogger/Blogspot?

5

Nowadays, Pinterest Save Button is very-very popular to share images on Pinterest. Many blogs have implemented the Pinterest Pin It button for images. You can also use a Pinterest button for Blogger/Blogspot on your blog.

In this article, I will cover how to add a Pinterest Save button on Blogspot. Add a pin it button will help readers to save a blog post image, post title, and post permalink on their Pinterest dashboard.

Add a Pinterest save button on Blogger

Ways to Add a Pinterest Save Button

You can add a Pinterest pin it button for images on Blogger/Blogspot in two different ways.

1. Add share buttons on blog posts

2. Add an official Pinterest Save Button from Pinterest Developers

Add Share Buttons On Blog Posts

1. Go to Blogger Dashboard › Select blog › Layout

Blogger Blog posts gadgets - Show share buttons

2. Edit on Blog Posts gadget (Click on Edit Pencil) › Check Show share buttons > Save changes

Blogger Blog posts gadgets - Save Show share buttons

Now you and readers can see the share button for Blogger just below the post title or at the end of posts. It will depend on your blog theme settings.

Add An Official Pinterest Save Button

You can add Pinterest save button using the Pinterest code. This button will be visible over images added to a blog post.

1. Go to Blogger Dashboard › Theme › Three verticle dots on right side › Edit HTML

Blogger Theme Edit HTML

2. Paste the following script just above </body> tag

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

3. Press the floppy button to save changes

Pinterest Pin it js

4. A Pinterest save button will appear on the images when you will hover the cursor over it.

Pinterest save button for images

5. You can customize the button shape at Pinterest widget builder.

Conclusion

After completing all steps explained above, you can see a Pinterest pin it button for images or save button on your blog that works perfectly for each post.

5 COMMENTS

  1. What if you don’t have the body tag anywhere in your HTML code? I searched with command F and it is not in my HTML code. Thanks

    • There is no web page without body and HTML tags.
      Kindly find your code in the Blogspot HTML, not on the browser window.
      Follow the steps closely.

LEAVE A REPLY

Please enter your comment!
Please enter your name here

This site uses Akismet to reduce spam. Learn how your comment data is processed.