Add Pinterest Button to Blogger Images 2020

Adding the Pinterest button to blogger images is a great way to drive extra traffic from Pinterest. Because Pinterest is one of the most popular social media platforms and allows users to save their favorite images from the web.

So, if someone finds your blog image useful then they can save it on their pin board. In this way, you get a strong back-link from high authority site i.e. Pinterest. Also, your chances of ranking higher in search engines become bright.

Related Article: Hide Blogger Posts From Homepage

“Please note that if you added the official Save button to your code before June 2016, we updated it from the old design (“Pin It”) to the new design (“Save”) on October 3, 2017.”

Pinterest Button For Blogger

Pinterest allows you to add the Pinterest hover button to blogger. So, once you install the button all your blog images will have a hover button effect. That means when someone will hover over the images then they can see the “Save” button. Also, when the user clicks on that button then they will be able to pin that post.

pinterest blogger widget

This Pinterest blogger widget has a minimalist design with responsive coding. However, you can customize it as per your requirements and needs. You can create your pin it button for blogger images with the help of a Pinterest widget builder.

How to Add Pinterest Button to Blogger

Pinterest pin button can be installed on a blogger with a simple snippet. In other words, it takes less than a minute to add the Pinterest widget to blogger. Please follow this step by step guide to add the button.

Step 1: Firstly, backup your theme

Open the blogger dashboard and go to the Theme option. Now locate three dots “” and click on them. Finally choose Backup from the popup window and click on Download button.

Step 2: Search for the </body> tag

To search this body closing tag go to Theme > Click on “⋮” > Edit HTML. You will be inside your theme HTML Editor. Now press ctrl+F together. In this way, a small search box will open up and you can search for the above body tag.

Step 3: Past the following script just above </body> tag

Once you found the </body> tag. Then copy the following script given below and past it right above the </body> tag.

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

Step 4: Save the theme.

Finally, after adding the Pinterest hover button to blogger it should appear on every blogger image. Meanwhile, you can customize this button as per your needs. In short follow the Pinterest official developers guide for pin typesetting and styling.

Final Words

To sum up, Pinterest is a very powerful tool for generating high-quality traffic. In other words its an important SEO factor for growing your rankings in search results.

This tutorial should work for all bloggers. If this tutorial does not work for you or you face any problem then please reach out to your theme developer. Alternatively, you can hire a blogger expert for this task.

Helpful?

Leave a Comment