Skip to main content

Adding A Pinterest Pin To Blog Photos

I've been seeing the Pinterest "Pin It" hover icons, in various blogs, for a few weeks.

Today I decided to try adding an icon to this blog. I spent more time reading the instructions, then installing the icon.

Adding a Pinterest "Pin It" icon, to the photos in the blog, is extremely simple.

Just visit the Pinterest Widget builder page, select the right options, and copy the code provided.

<!-- Please call pinit.js only once per page -->
<script async defer data-pin-hover="true" src="//assets.pinterest.com/js/pinit.js"></script>

That's the gadget installed here. It has one option.

  • "Button type". I selected "Image Hover".

The Pinterest instructions make it harder than I found it to be.

Paste the code just above the closing </body> tag of each page where you want the button to show up on your site.

Who wants to spend time editing the template, to insert two lines of code? Fortunately, that's easily avoided.

From the Blogger dashboard Layout page, use "Add a gadget", add an "HTML / JavaScript gadget", and position the gadget in the footer (out of sight, out of mind). Paste the Pinterest code into the gadget content window.

Save the gadget, Save the Layout page, load or reload the blog, pick any photo, mouse over the photo, and you're done.

There's your new "Pin It" hover button.

A visit to the Pinterest Widget builder page.


A new HTML / JavaScript gadget, stashed in the footer.


And that's the "Pin It" icon. You have to mouse over the photo, and there it is.


And that's it. Far more time consuming to write about it, than to do it.

You next setup a Pinterest profile - and a board or two to post into. But that's another post, later.

Comments

Lori E said…
Who da man? You da man!!! Unless of course you are not a man... then you know.... You da woman!!!!
So simple. Thanks.
Rita said…
Oh my gosh! How I have struggled with the instructions from countless others. How simple was that. Thanks a lot!

Popular posts from this blog

Stats Components Are Significant, In Their Own Context

One popular Stats related accessory, which displays pageview information to the public, is the "Popular Posts" gadget.

Popular Posts identifies from 1 to 10 of the most popular posts in the blog, by comparing Stats pageview counts. Optional parts of the display of each post are a snippet of text, and an ever popular thumbnail photo.

Like many Stats features, blog owners have found imaginative uses for "Popular Posts" - and overlook the limitations of the gadget. Both the dynamic nature of Stats, and the timing of the various pageview count recalculations, create confusion, when Popular Posts is examined.

Help! I Can't See My Blog!

I just posted to my blog, so I know that it's there. I can tell others are looking at it. But I can't see it.

Well, the good news is you don't have a blog hijack or other calamity. Your blog is not gone.

Apparently, some ISPs are blocking *.blogspot.com, or maybe have network configuration or infrastructure problems. You can access Blogger.com or you can access Blogspot.com, but you can't access nitecruzr.blogspot.com, or bloggerstatusforreal.blogspot.com.

You can't access them directly, that is. If you can access any free, anonymous proxy servers, though, you may be able to access your blog.

Note: You can use PKBlogs with the URL pre packaged. Here is the address of this post (with gratuitous line breaks to prevent the old post sidebar alignment problem):
http://www.pkblogs.com/bloggerstatusforreal.blogspot.com/
2006/07/help-i-cant-see-my-blog.html


And an additional URL, to provide to those suffering from this problem, would be the WordPress version of this post:
ht…