Teacher's Corner

Saturday, March 24, 2012

Pin It Button-Finally Figured it Out!

As a new blogger, I am constantly updating and editing my blog.  I really don't mind because I love anything having to do with technology and especially enjoying trying to figure out new technological obstacles.  Although I have been able to figure out many (like adding a signature and changing the favicon icon) two have been on my to do list since I first created this blog; how to add the Pinterest button and how to add targeted Adsense to my blog.  The Pinterest button has been more of a priority than Adsense only because I really do <3 Pinterest and really enjoy it when other bloggers have it as an option.  It's so much easier to just click on the Pin It button directly from a blog.

I've been researching for weeks and have tried the code that Pinterest has posted, but it did not work. Today I was finally able to figure out why my button wasn't working.  The reason was because I was trying to use the horizontal Pin It button.  The minute I tried the vertical button, voila! it worked.  I really don't know if all the codes that Pinterest has posted work, but in case they don't and you too are trying to figure this out, here's the code.  It should work on your blog too.




Here are the steps of what you have to do:

1. Go to Edit Html on your Blogger Dashboard under Design

2. Click "Expand Widget Templates"

3.  Placement of button
  • To have the button at the top of your posts copy and paste the Pin It Button code directly above / before <data:post.body/> 
  • To have the button at the bottom of your posts copy and paste the Pin It Button code directly below / under <data:post.body/>
  • If instead you want the button right under your signature copy and paste the Pin It Button code directly above <div class='post-footer'>  (this is what I did)
4.  Click "Preview" to make sure it appears, then click save.

5.  Go to your blog and pin something to make sure it works

After finally solving this problem, it got me thinking how there are probably a few newbies just like me trying to figure out blogs.  So to make life easier, I will be adding a new page to my blog entitled, "Blogging How To's".  I will different things that I do to my blog that will hopefully help someone.  My first post, "How to Add a Pin It Button" should be up shortly.

Hoping all of you have a wonderful weekend.  4 more days until my Spring Break!!!!  Spread the life, love, and laughter friends :)


Pin It

2 comments:

  1. Thanks for the tip - I have the permission to pin but not pin it button yet so I will have to work on that next. :o)
    Vicky
    Traditions, Laughter and Happily Ever After

    ReplyDelete
    Replies
    1. Glad to help. Let me know if it works :)

      Delete