Georgia Lou Studios

Welcome to the Help Center!

Pinterest Feed (Abigail)

Follow

This tutorial teaches you how to add a Pinterest Feed widget to your blog.

Step-by-Step Directions

Step 1: Get your code

  1. Go to the Pinterest Widget Builder Page
  2. Choose to create a pin, board or profile widget
  3. Enter your pin, board or profile URL (address) - you can find this by visiting your profile, pin or board in a separate browser window and copying the link into this field.
  4. Choose the shape of your widget. For sidebar widgets, select Create your own option
  5. For image width enter: 130
  6. For Board height enter: 350
  7. For Board width enter: 280
  8. pinterest1.png
  9. You are going to need to grab the code from both code boxes shown at the bottom of the screen.
  10. The bottom code box is the pinit.js code and it MUST be included or your widget won't work.pinterest2.png
  11. The top code box is your personal widget. This is also required.
  12. pinterest3.png

 

Step 2: Add Widget to your Blog

  1. On the Blogger Dashboard, go to the Layout page.
  2. In the SIDEBAR section, click on the Add a Gadget link.adelle12.png
  3. Create an HTML/JavaScript gadget.
  4. Give your widget a Title.
  5. Copy and pasted your Pinterest widget code into the widget content area.
  6. Paste the pinit.js code on top then your personal widget code below. See image.
  7. Click the Save button to save your widget.
  8. pinterst4.png

 

Powered by Zendesk