How to Add Pinterest Save Button on Blogger/Blogspot?

Nowadays, the Pinterest Save Button is very popular for sharing 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. Adding a “Pin it” button will help readers 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

Using the Pinterest code, you can add a Pinterest save button. 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="//"></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 hover the cursor over it.

Pinterest save button for images

5. You can customize the button shape with the Pinterest add-ons.

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

13 thoughts on “How to Add Pinterest Save Button on Blogger/Blogspot?”

  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

    1. Vinay Prajapati
      Vinay Prajapati

      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.

  2. Avatar photo
    Catherine Boone

    Dear Sir, Madam

    I would like to set a Pinterest button under my words. Can you help me because my blogger has a dynamic view?

    Many greetings
    Catherine Boone

  3. Avatar photo
    Bryn Martin

    Thanks for such clear and efficient instructions. This code has been working perfectly for some time; however, in the past three days, the Pinterest hover button has disappeared with no explanation as the code has not changed at all. Any idea why that could be, please?

  4. Avatar photo
    Diyas M Pratiwi

    Hello, what if I want to add the save button to a specific image? Not in every image on each post? I try these tips, and all images have a hover save button, including the blog banner. Thank you.

    1. At the last step in this guide (step 5), click on “widget builder” to go to Pinterest dev site, then choose: Button type > One Image. It will show you example code to edit with your image URL.

  5. Thanks a lot for this information! I had no idea how to add the button, followed your instructions on how to get the official in button, and it worked like a charm!

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top