Affiliate Links Notice

This website uses affiliate links as a means of generating revenue.

However, we do not recommend products and services that we believe will not be of interest to you.

We make it a point to recommend products and services that we like, and express our honest opinions about them regardless of an affiliate relationship with the products, goods, and services being recommended.

Balkeni Studio is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to, Inc or its affiliates.

To know more about the use of affiliate links on this website please read our terms and conditions.

Adding A Pinterest Pin It Button On Your Blogger Blog

Published on: Thursday, 27 February 2020 ✦ Updated on: 2020-02-27T13:56:22Z

Add a pin it button to blogger blog posts

This blog post was requested by one of my readers, hence here is the tutorial. I am well aware of the power of Pinterest in driving traffic to blog owners. I also use Pinterest to drive traffic to this blog.

So, giving your audience an easy way to share your blog posts and save them on Pinterest becomes imperative for most bloggers.

While those on WordPress enjoy easy integration through plugins or built-in systems (blogger has a share button too but it will automatically choose the first image in a post) those on blogger will sometimes feel left behind.

This is exactly why I am writing this tutorial to help you install a Pinterest save button that pops-up automatically when someone hover over an image on your blog.

How to add a Pinterest save button to your blogger blog

01. Getting the code from Pinterest

  • First, make sure you are logged on to Pinterest.
  • The second step is to get the code from Pinterest. For this, you should head on to Pinterest Developer Tools.

This will lead you to this page: 

Pinterest developer tools widget builder

  • Once you're on this page, make sure that you are on the Save Button tab. 
  • Then select the option of Image Hover.
  • Make sure Round it ticked (or experiment with it).
  • Then also click on Large (or experiment with it).

Once you've followed these steps, you'll see two pieces of codes on the right hand side. For now, leave them as is and go to your blogger dashboard. 

02. Installing the codes in your blogger blog. 

  • Click Theme.
  • Then Click Edit HTML (If you're using the new blogger then click on the three dots located next to your theme preview, then click Edit HMTL.)
  • Click anywhere in the code section of your blog once. 
  • Now Press Command + F (If using a Mac) or CTRL +F (if using PC)
  • Type </body> 
  • Hit Enter
  • Now, go back to the developer tools and copy both the codes.
  • Now paste them right above the </body> tag.
  • Click Save.

That's it you're done. You have now installed the Pinterest save or Pin It button which will be displayed on hover. 

I hope this blog post has helped you in making your blogger blog integrate well with a social media platform you like. You can always request more tutorials or blog posts here. If you'd like, consider adding my blog to your reading list or sign-up to receive blog posts straight in your inbox.

If you would like some additional help or need to leave some feedback, please consider leaving a comment, I read and respond to all of them.

If it resonates with you, please consider donating to help me keep my blog running smoothly and the content updated regularly. 

Post a Comment