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.
Step 1: Building the widget
- Go to Pinterest widget builder page.
- 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.
- 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.
- Copy the URL from your browser’s address bar, paste it into the text field and hit Enter key.
- 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.
- Once you’re done customizing, you’ll be given two codes. One code is a HTML link, something similar to this:
and the other one is the a Pinterest script:
Step 2: Adding the widget to a blog
- Adding to Blogger
- Go to Layout > Add A Gadget and select HTML/Javascript gadget.
- 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:
1<adata-pin-do="embedBoard"href="http://pinterest.com/greenlava/blog-tweaks-and-tutorials/"></a>2<scriptsrc="//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.
- Save and view blog.
- Adding to WordPress
- Go to Dashboard > Appearance > Widgets > Available Widgets.
- Drag Text widget into a sidebar.
- Paste in the HTML link and Pinterest script.
- Save and view blog
Enjoy!
