October 7, 2013

Blogger ~ How to Add the Pinterest Widget to Blogger Blogs

How to Add the Pinterest Widget to Blogger Blogs I wanted to add the Pinterest widget to my Blogger Blogs but I kept coming across obstacles that prevented it from showing up. I'm very familiar with HTML and I like a challenge so I tried several different options and I found the one that worked.

Below is step by step instructions on how I was able to adjust the code and get it to work on my Blogger Blogs.


STEP ONE
Click on this link - Pinterest Widget Builder.
Click on "Board Widget".
Click on "Show Advanced Options"
Add your Pinterest URL or the URL of a certain board you want to feature.  I used my "What's New" board as shown in the photo below.

How to Add the Pinterest Widget to Blogger Blogs

STEP TWO
Set your preferences.
I left the image width blank but I played around with the board length and width, ultimately I settled with what is shown in the photo below.

How to Add the Pinterest Widget to Blogger Blogs

STEP THREE
To see a preview of your widget, click on the "Build It" button. Your widget will appear and if you don't like the size, you can re-enter different lengths and widths until you get the size you want.  When you are completely satisfied, go to step four.

How to Add the Pinterest Widget to Blogger Blogs
STEP FOUR
You are going to use both codes below in both boxes, we're going to merge them together.
Click on the "Advanced" tab so that the JavaScript code shows up exactly as it is in the photo below.
Open up Microsoft word and copy both codes over into a blank document so that we could merge them together.

How to Add the Pinterest Widget to Blogger Blogs

STEP FIVE
Below is what the code looks like after I have merged the two codes together:
How to Add the Pinterest Widget to Blogger Blogs
STEP SIX
Go into the Page Layout section of your Blog.
Click on "Add an Element".
Select the HTML/JavaScript box and copy the code into the box.
Click Save.