How-to: Add Pin it Button with Pin Count to Typepad Advanced Templates

Typepad does not have a Pinterest widget so we are on our own for the moment. By "on our own" I mean I figured out how to do it and here's how.

If you don't have advanced templates, go here: How-to: Add Pinterest Pin-It Button to Typepad Without Advanced Templates

The one caveat to this code is that the first image in each post MUST be hosted on Typepad. I have asked Typepad if there is a workaround and they assure me there is not. I am moving my images...slowly. (There is a trick to move images all at once. Export your posts and then import them. That process seems to result in Typepad copying all the images to their servers. I am not recommending it unless you think the process through carefully but the option is there.)

Since they also seem to be looking to incorporate a Pin it button into standard templates, I expect this is what we get until then.

I assume that if you have advanced templates, you know where you want this to go in your own design. In my case, it is tucked immediately before the DIV that includes "$MTEntryBody$" (in the entry-individual module).

Here it is, the magic code:

<a href="http://pinterest.com/pin/create/button/?url=<$MTEntryPermalink encode_url="1"$>&amp;media=<MTEntryPhoto><$MTEntryPhotoURL encode_url="1"$></MTEntryPhoto>&amp;description=<$MTEntryTitle encode_url="1"$>">Pin It</a></p><script src="http://assets.pinterest.com/js/pinit.js" type="text/javascript"></script>

Download text file with pinit-code

If you know how to make this work with flickr images, let me know and I'll link to your post.

Speaking of which, I really appreciate the people who share the word about my tech tweaks. What I don't appreciate is people who wholesale lift my code and instructions, cut some of the most important stuff (like backing up templates) and then post the rest. Please don't be that person. One of them is enough.