Are you a blogger who is active on Pinterest? If so – you can showcase your Pinterest profile on your blog’s sidebar (or even your blog’s footer!) – and hopefully gain some new Pinterest followers in the process! In this blog article I share instructions for how to do this on both a self-hosted WordPress blog (aka wordpress.org) as well as on Blogger.

HOW TO ADD YOUR PINTEREST PROFILE TO YOUR BLOG SIDEBAR

Pinterest makes it very easy to add a profile widget to your blog. Their widget will show a box with your profile pic and name at the top, your most recent pins, and a Follow button at the bottom. Here’s how it looks in a blog sidebar:

How to Add your Pinterest Profile to your Blog's Sidebar

So let’s get to it!

Step 1: Build Your Pinterest Profile Widget

  1. Go to Pinterest’s Widget Builder here: https://developers.pinterest.com/tools/widget-builder/
  2. Select the Profile Widget
  3. Enter the link to your Pinterest account in the “Pinterest user URL” box
    How to Add your Pinterest Profile to your Blog's Sidebar
  4. Select the widget Size. Depending on the size of your blog’s sidebar (or footer), the “Square” or the “Sidebar” options may work for you. Otherwise you can select “Create your own” and then enter in the widget’s height and width (the “Board height” and “Board width” boxes), as well as the width of each of the pin images within the widget (the “Image width” box). Underneath the Size boxes, you will see a preview of how your widget will look with those sizes.
  5. Scroll down below the preview and you will see 2 boxes with code. Keep this browser window open so you can copy that code in Step 2 below.
    How to Add your Pinterest Profile to your Blog's Sidebar

 

Step 2: Add Your Pinterest Profile Widget to your Blog’s Sidebar

Now we can add the code from Step 1 above to your blog’s sidebar. Open a new browser window and login to your blog. Then follow these instructions to add the code to your sidebar:

 

How to Add your Pinterest Profile to your WordPress Sidebar

Note: These instructions are for self-hosted WordPress blogs (aka “WordPress.org blogs”) — not WordPress.com blogs.

  1. In your WordPress Admin area, select Appearance > Widgets
  2. Drag a new Text widget to your blog’s sidebar (or to your footer widget – or any other widget setup in your blog’s theme)
  3. Optionally enter in a title (heading) for your Widget.
  4. Copy the 2 blocks of code from Step 1 above and paste them into your Text widget.
    Note: the second block of code should only be used ONE TIME on your website page. So if you have already placed that code on your web page (or your website’s header or footer), do NOT paste it again into this widget. For example, if you have already added Pinterest’s Follow button to your website, you have already pasted that line of code into your website and should not paste it again here.
  5. Click the Save button.
    How to Add your Pinterest Profile to your WordPress Blog's Sidebar
  6. Look at your blog and see if you need to adjust the size or alignment of the widget to better fit in your sidebar.
    1. If you need to change the size, you can go back to your widget and change the number values until it fits better. The “data-pin-board-width” and “data-pin-scale-height” values are the width and height of the entire widget. The “data-pin-scale-width” value is the width of the invididual pin images in the widget.
    2. If you want to center your widget, you can add <center> and </center> tags around the first section of code, as highlighted in yellow below.
      How to Add your Pinterest Profile to your WordPress Blog's Sidebar

How to Add your Pinterest Profile to your Blogger Sidebar

  1. In your Blogger Admin area, select Layout from the admin menu.
  2. Click Add a Gadget in your blog’s sidebar (or in your footer – or any other section setup in your blog’s layout)
  3. Select the HTML/JavaScript gadget
    How to Add your Pinterest Profile to your Blogger Sidebar
  4. Optionally enter in a title (heading) for your gadget.
  5. Copy the 2 blocks of code from Step 1 above and paste them into your Text widget.
    Note: the second block of code should only be used ONE TIME on your website page. So if you have already placed that code on your web page (or your website’s header or footer), do NOT paste it again into this widget. For example, if you have already added Pinterest’s Follow button to your website, you have already pasted that line of code into your website and should not paste it again here.
  6. Click the Save button.
    How to Add your Pinterest Profile to your Blogger Sidebar
  7. Look at your blog and see if you need to adjust the size or alignment of the widget to better fit in your sidebar.
    1. If you need to change the size, you can go back to your gadget and change the number values until it fits better. The “data-pin-board-width” and “data-pin-scale-height” values are the width and height of the entire widget. The “data-pin-scale-width” value is the width of the invididual pin images in the widget.
    2. If you want to center your widget, you can add <center> and </center> tags around the first section of code, as highlighted in yellow below.
      How to Add your Pinterest Profile to your Blogger Sidebar

Don’t forget it… Pin it! Pin it to Pinterest

How to Add Your Pinterest Profile to your Blog's Sidebar