Pinterest_Favicon

In continuing our discussion on Pinterest, this article is the next in the series of Pinterest how-to articles here on Blogs By Heather.  We will be discussing how to add the "Follow Me on Pinterest" button to your blog's sidebar.  You can do this in Blogger, TypePad, and WordPress (and WordPress.com), and we'll discuss each method here.

 

PinItButton

 

  • Once you are logged in to Pinterest, go to the About Menu and then click on the Pin It Button menu item.
  • From the left side, click on Goodies.
PinterestGoodies

 

  • In the Goodies area, scroll down to the middle and find the "Follow Button" for Websites area. You will see the following.  I chose the one highlighted as it "spells it out" for your visitors to know what that button does and is used for.  It is not used for "pinning" images but instead to follow someone on Pinterest. Similar to following someone on Twitter.
PinterestFollowButton

 

  • As you can see I highlighted the HTML code to the right of the first "Follow Button(s)" 
  • Select and Copy that line of code in your Pinterest account.
  • Then proceed with the following instructions.


Pinterest Follow Button for Blogger

You may be using either Blogger interface, so you'll see two sets of directions here. They are basically the same, very minor differences.

  • If you are using the Old Blogger interface
    • After logging in click on your blog name (if you have more than one blog).
    • From the Dashboard go to Design, then go to Page Elements and click Add a Gadget. You will then see a visual layout of your blog and its sidebar and elements.
    • Choose HTML/JavaScript.
    • You don't need to add a Title.
    • In the large text box area, paste in the code you copied from Pinterest "Follow Button" for Websites section.
    • Click Save.
    • The Gadget is then added to the top of your sidebar.
    • Drag and Drop where you want it located in the sidebar and be sure to Save Changes to save the new layout (location of the gadget).
    • You're done!
  • If you are using the new Blogger interface
    • From the main login area, click on your blog name.
    • From the left click on Layout. You will then see a visual layout of your blog and its sidebar and elements.
    • Click on Add a Gadget.
    • Choose HTML/JavaScript.
    • You don't need to add a Title.
    • In the large text box area, paste in the code you copied from Pinterest "Follow Button" for Websites section.
    • Click Save.
    • The Gadget is then added to the top of your sidebar.
    • Drag and Drop where you want it located in the sidebar and be sure to Save Arrangement to save the new layout.

 

Pinterest Follow Button for TypePad

There a few ways you can do it in TypePad, but the way with the least amount of steps follows. Instead of creating a new Typelist (Notes), Publishing it and then adding it in Design->Content (way too many steps), we are taking the shorter route with just going straight to Design and will be using the Embed HTML Code module.

PinterestFollowTypepad

   

  • Login and go to Design, then Content. You will see a layout of the gadget of your site and sidebars.
  • From the top under Categories "All" is selected by default. 
  • In the middle under Modules select "Embed Your Own HTML" and then on the right click Add This Module.
  • A box will appear where you can type a title (as I did in the snapshot about). This title will not appear.  In the larger text area you paste in the code. Click OK to save the gadget (module added).
  • Drag and drop where you want the new gadget.
  • Then you must click Save Changes button (in my snapshot it's located in the bottom, left corner) to save the new gadget and layout.
  • You're done!

 

Pinterest Follow Button for WordPress (and WordPress.com)

Whether you are using a self-hosted WordPress blog (such as one from Blue Host, Host Gator, Webs By Amy, Go Daddy, etc.) or if using WordPress.com (the free WordPress), the instructions are the same, as follows.

  • Once logged in, go to the Dashboard.
  • From the left side, under Appearance, click Widgets.
  • From the selection of available widgets, choose Text Widget. A Text Widget can hold code!
  • Drag a Text widget to whatever sidebar you'd like to add the "Follow Button" to.
  • Enter a title if you want to but you can leave it blank.
  • In the large text area paste in the code from Pinterest.
  • Click the Save link on the Text Widget.
  • Then click the Close on the Text Widget.
  • You're done!

In the end, whether you use Blogger, TypePad or WordPress you will have a gadget in yoru sidebar that allows your visitors to follow you on Pinterest. You can see it here in my blog, Hand Stamped By Heather (my personal stamping blog), the snapshot of my sidebar.

PinterestBloggerEnd

Happy Pinning!  More on Pinterest coming up again soon. 

Heather 😀
www.BlogsByHeather.com