How to show Pinterest Recent Pins On Blog

You can now display your latest (Pinterest) pins on your blog. This widget  lets you choose whether to display your general pins or pins from a specific board. All you need is your profile or board URL and use that in the Pinterest widget builder. 

pinterest recent pins widget


Step 1: Building the widget

  1. Go to Pinterest widget builder page
  2. Select Profile Widget if you want to display general pins, or select Board Widget to display pins from a board. The widget will show up to 30 most recent pins.display latest pinterest pins on blog
  3. Enter your profile or board URL as prompted.
    To get either URL, first go to Pinterest homepage, and then:
    • For profile/user's URL, click on your profile icon on top right hand corner of the page.
    • For Board URL, click on a board.
  4. Copy the URL from your browser’s address bar, paste it into the text field and hit Enter key. Pinterest profile or board URLbox
  5. A preview of the widget will appear underneath the builder. You can customize the image size, widget width and height via Advance Settings. The default image size is 92px, widget height is 175px and widget width is set to fit in the widget container.
  6. Once you’re done customizing, you’ll be given two codes. One code is a HTML link, something similar to this: recent pins HTML link
    and the other one is the a Pinterest script: pinterest script


Step 2: Adding the widget to a blog

  • Adding to Blogger
    1. Go to Layout > Add A Gadget and select HTML/Javascript gadget.
    2. Copy the HTML link and the Pinterest script in Step 1, and paste it inside the content box. Your code should look something like this:
      <a data-pin-do="embedBoard" href="http://pinterest.com/greenlava/blog-tweaks-and-tutorials/"></a>
      <script src="//assets.pinterest.com/js/pinit.js"></script>

      Note:

      • The Pinterest script in line 2 must occur only once in your page. Omit this if you’ve already added it somewhere else in your blog.
    3. Save and view blog.
  • Adding to WordPress
    1. Go to Dashboard > Appearance > Widgets > Available Widgets.
    2. Drag Text widget into a sidebar.
    3. Paste in the HTML link and Pinterest script.
    4. Save and view blog

Enjoy!

15 comments to "How to show Pinterest Recent Pins On Blog"

Marty Tousley, CNS-BC, FT, DCC December 12, 2012 at 2:39 AM    

I love this! Thank you!

Kevin Fernandez December 12, 2012 at 3:12 PM    

Pinterest is an amazing bookmarking site. It fetches a lot of traffic to the website and provides useful information for many people. Thank you for sharing these steps.

Linda@portable loo hire December 12, 2012 at 3:58 PM    

Interesting post. I haven’t tried this before and I am going to try this in my blog. Thanks for the coding.

Cheap flights to Colombo December 19, 2012 at 6:22 PM    

Wow. This is awesome. I have no idea that there is such a useful tool. I start to use Pinterest recenlty for my business and I wonder why we can’t have a feature like this. It is like you have read my mind. Good work.

Content Marketing January 4, 2013 at 4:55 PM    

This is one of the amazing future of pinterest. Its very advantageous for the people.

JaY-mBitions January 14, 2013 at 3:16 PM    

Please help me. I did every step but it still not showing on my blogger page. Thanks

Jonhny Dinh Nguyen January 14, 2013 at 7:24 PM    

it's nice to increase blog traffic

Jessica February 18, 2013 at 11:22 AM    

Thanks for the tutorial For some reason my widget is not appearing at the right width, even though it's set to 200. Any idea why?
What i have learned

Greenlava February 24, 2013 at 2:12 AM    

@Jessica
You actually only have 160px of workable space in your sidebar. That might be the reason.

Emmanuel Obarhua February 27, 2013 at 12:19 PM    

I never knew this was possible, thank for sharing it sir.

kelly thompson March 6, 2013 at 10:10 AM    

do you know why this works on my test blog but not on my real one?
I don't know if there is a code that makes it void or something...

Anonymous,  March 26, 2013 at 6:56 AM    

Thanks guys for the great insights!

I just wanted to pass along another tool called Tint. It lets you display any Pinterest account pins or any Pinterest board pins to your likening. You can totally curate to your preference and then embed it into your website. It took me about 5 minutes to create and integrate into my site with no technical expertise needed. They have infinite scroll and multiple themes to choose from too!

Feel free to check it out here: http://www.tintup.com/blog/the-best-pinterest-for-a-business-widget/

Thanks,
Tim

Ghost Rider September 8, 2013 at 10:02 PM    

I've been googeling all day of how to get the pinterset gadget on my blog and I
finally found a tutorial that really works! Thank you so much!! I wish you the best! :)

Rupesh Karale October 12, 2013 at 8:43 PM    

Thanks for Guide. Appreciated.

Beth Bernier Crowell February 22, 2014 at 4:46 AM    

Thank you so much for this tutorial. Easiest one to follow!

We love to hear from you! Leave us a comment.

To ensure proper display, HTML/XML/Javascript need to be escaped first using this escape tool. Then paste the escaped code here. For personalized help, you can HIRE ME.

Click to go to top Click to comment