Easily Create A Book From Your Popular Blog
Everything You Want To Know About Images For Your Blog

Need New Pinterest Followers? Showcase Pinterest On Your Blog

Need New Pinterest Followers_ Showcase Pinterest On Your Blog

Is your blog on Pinterest? Let your readers know by showcasing your Pinterest profile or a popular Pinterest board on your blog. Pinterest makes it very easy to create a widget to add to different areas of your blog. Let us show you how!

Creating your Pinterest Widget

Pinterest has a Widget Builder that allows you to customize their widget so it fits on your blog. You can showcase your Pinterest profile or a popular board.

Pinterest Tabs

First, you'll need to get your Pinterest profile or board URL. To get your profile URL, log into your Pinterest account and click on the profile image (top right). The URL that shows in the address bar is the URL to your profile page. If you want to get the URL to a popular board, click on the board from your profile, then copy the URL in the address bar.

Now you are ready to go to the Pinterest Widget Builder. Select Profile if you want to link to your Pinterest profile page or click on Board if you want to link to a popular board. Add the URL, then select how you want the widget to appear. 

Pinterest URL

Pinterest offers you different sizes to choose from. This allows you to create the widget that works best for your blog. If you want to fit the widget on your sidebar, select Square or Sidebar. 

Square: This will add a small square to your sidebar. It will show the first couple of pins on your profile or board.

Typepad Square Pinterest

 

Sidebar: This is longer than the square. It goes down the length of your sidebar. This widget is thinner than our sidebar and may look out of place in your blog. You can adjust the width of the widget by changing the width in the code. 

Code to look for: data-pin-board-width="150"

Change the 150 to make the board wider to fit your sidebar. The example below used "300".

Typepad Sidebar Pinterest

 

Header: This is a horizontal rectangle widget that would be great in the ad module in Design Lab themes. 

Typepad Header Pinterest

 

Create your own: If you know the exact size you want the widget to appear on your blog, you can enter the width you want the individual image pins, the width, and the height of the widget to add to your blog. 

Now that you have customized the widget, you'll see the code you can add to your blog. 

Add To Blog

With the code from Pinterest, it's time to add it to your Typepad blog. First, you need to add the pinit.js code to your head module. (Head module is only available to Unlimited plans and higher.)

Click on the Blogs tab, then the name of the blog. Click on the Design tab, then Head. Paste in the pinit.js code Pinterest provides then click on Save Changes. 

Head Module Code

Now you are ready to add the widget code to your sidebar. Click on the Design tab, then Content. Under Modules, select Embed Your Own HTML then click on Add This Module. Give the module a label (like Pinterest Widget) then paste in the code from Pinterest. Click on OK, then Save Changes. Now your profile or board will show on your blog. 

Pinterest Widget

Did you know you can also verify your website with Pinterest and add Pinterest icons to your images? Once you are done adding all things Pinterest to your blog, share it with us. We would love to see it! 

Comments

The comments to this entry are closed.