kitchenmage

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.

How-to: Add Pinterest Pin-It Button to Typepad Without Advanced Templates

 

Now the way I see things, there are two ways to be in the world: selfish or giving. All snark aside, I choose the latter. With Pinterest, for example, once I was enlightened about it I wanted to share the way of thePin. I wanted to share it here because then even more people could pin my biscuits. (Pin my biscuits! sounds a southern euphemism for...well...something else, doesn't it?)

I was surprised to learn that Typepad does not have a Pinterest widget. Yeah I know, right? That is just silly given the level of pinning going on right now. Being a geek, I put on my coding hat and figured out how to make a pin-it button for my web sites. being the generous sort I figured I'd share so you too can have Pin-it buttons now.

The instructions on this page work for all Typepad templates (and any other web page you want to throw the code into). If you have advanced templates, you can use these instructions for how to add the Pinterest Pin it Button with Pin Count to Individual Posts with Typepad Advanced Templates.

Going to the source, in this case, Pinterest's Goodies page, yielded some iffy scripts and a distinct lack of "simple" ways to get a freaking Pin it button onto each individual post. (Hard-coding each link and image is a joke, you guys. A freaking joke!)

You know what's not a joke? Look down there. (No not "down there"...jeebus people! The footer of this post.) That looks suspiciously like a Pin it button. Works a whole lot like one, too.

Have a Typepad blog and want one of your very own? It's a quick tweak if you are using Advanced Templates. If you don't code, though, you're pretty much screwed on this. Typepad even says so...

Hey, wait now...what about the post title? Where I promise you that you can have a Pin it button even without advanced templates?

Well, while I haven't yet figured out how to give you a Pin-it button in your post footer (like mine) without Advanced Templates, I can give you a Pin-it button in your Navigation Bar that works for individual posts. Would that work for you? Yeah, I thought so. I am really happy because any time a vendor shrugs their shoulders without getting creative, I wince. (@jaydeflix will be along any moment to tell me this isn't in the header/footer so technically Typepad said NOTHING about what I am doing. I would simply point out the lack of a Pin it button on Cook Local and move on with the installation instructions.) 

#anAppleForSteve

image courtesy Miss Mags at I want to go to Faerie College, one of my favorite blog names ever.

The Interwebs has a huge iSad today for Steve Jobs has uploaded himself to elsewhere.

While I am not a member of the club, I know that there are many of you who have been deeply touched and inspired by Steve over the years.

As a foodPerson, I also know what we do to console ourselves, or celebrate the lives of those who touched us. We eat.

Often special, ceremonial foods. Favorite foods to honor people. Something appropriate for the occasion.

The obvious thing to eat for Steve is an Apple.

It was not only the name of his company, it was his favorite food. (Unless you count the sushi that was the sole exception to his veganism.)

So if you're going to miss Steve, eat an apple. Locally grown, organic, from a farmer's market, as Steve would, or picked up at the local Wallyworld, I don't care. Just eat one.

It's affordable, near effortless, good for your health - and the Apple industry in my home state of Washington - and Steve would approve.

The tradition of my childhood plants trees in memory of people we love. If you have a garden, you might want to plant him a tree. An apple tree, of course.

Typepad Does Not Support Google Recipe View on Blogs (Updated - It Kinda Does)

ADDED LATER

There is a not-very-elegant workaround but my position on the problem stands. I'm talking to Typepad in tickets about the simple changes they would have to make to more fully support Recipe View. In the meantime, my transformation spell will include instructions on how to make it work on Typepad. See this for more.

Let me just start with a giant WTF.

WTF?

Ah! I feel better and I'll get to why in just a moment...

If you hang around food sites much, you may have heard about Google Recipe View. It's a highly selective search method that Google conjured up recently. When you click on it, you are presented with a tiny subset of recipes that are available on big corporate sites like Epicurious. There are a handful of big blogs included at the moment (literally under a dozen) which is pretty pathetic when you consider the tens of thousands of unique and interesting food sites that exist.

I expect that as Google begins to let blogs in - there is some mystical, black box method of selection - and sites provide useful data for the search refinements (it's largely useless now) it will be a worthwhile thing. For now, I am eschewing Recipe View for my personal use in favor of the broader and more interesting searches available with all of the web or even just blogs. Give it a while to mature.

In the meantime, there is a lot of work to be done by bloggers who want to have their recipes show up. Things like recoding every single recipe post with a seriously painstaking mass of code. This is an awful lot of work and many people are opting to wait until there are tools available that make it simple to meet Google's requirements.

So I made one.

New Twitter Fixes: Remove Who to Follow and More!

UPDATE (October 30th)

Some people are reporting that the AdBlock Plus fixes aren't working for them any more. It seems to be people using Firefox 4.0b6, which appears to have known compatibility issues with ABP - the joys of using a beta 0 and I'm currently looking for a workaround. If you're a geek with this configuration and want to help, let me know.

UPDATE (October 29th)

Twitter has renamed the WTF (Who To Follow) DIV again so you need to update your CSS/AdBlock filters.

• CSS - add .user-rec-component to your CSS file
• Adblock - Add a filter for twitter.com##H2.user-rec-component

Also, the Who to Follow that pops up on someone else's page, after you follow them:

• CSS - add .user-rec-dropdown.profile-action to your CSS file
• Adblock - Add a filter for twitter.com##DIV.user-rec-dropdown.profile-action

If I have missed any bits, or if they change something, let me know and I'll get the updates here. I am going to reorganize this mess soon and break it up into individual bits for each browser so it's easier for the non-geeks to follow (sorry, the word makes me cringe a bit now). Soon.

   ~       ~       ~       ~       ~       ~       ~       ~       ~       ~

The silly lovely people at twitter finally let me have #newtwitter (that is the new twitter web interface for those of you who think twitter is silly) and it is...different. (Look at me, being all diplomatic and stuff!) Feature rich, in the best "It must be a feature, it is certainly not a benefit." sense. Screen hog, promoted trends, blah, blah.

Yeah, whatever. We know what to do with that noise, don't we?

Venn Diagram of kitchenMage ~ now with Badges!

Someone said to me recently, "I don't read, can't trust, sites without an 'About' page." (paraphrased and in quotes to annoy the editors) Once I got over sputtering to myself about having a very public real name, not to mention a link to my cookbook right there at the top of every page, I decided I'd use it as a nudge to actually write one.

Then I ran headlong into my inability to write about myself. Painfully. Repeatedly. Ouch!

At one point, I turned to my writer buds on twitter for consolation and discovered that logobiophobia (my new word for fear of writing about your own life) is as common as drinking. (There is a business there, but I am guessing few writers would want to do it.)

Failing to come up with words, well coherent ones anyway, I turned to avoidance doodling  illustrations as a way to simplify my explanation of what this site is about.

Good idea. Being a geek, I lean towards the scientific/mathematical representations so I not have a folder full of pie charts, graphs and this: my Venn diagram of kitchenMage.

I found the exercise of making a graphical presentation of the site - not to mention paring it down to three words - helped me sort out some of the noise in my brain about my current/future direction here. Starting with the new design which will be out by next week. The rest? Stay tuned. I'll let you know as I figure it out.

The one thing I know: there will be a real About page. Not because I agree that you can't trust sites without one, but because now I think I can write one that might even be worth reading.

Edited to add: The most common response to this post is a tweet saying, "You stole my Venn!" After a few such, @jeters and I decided that a badge was in order and here it is.

If it fits you, please feel free to snag a copy and post on your site. I'd appreciate if you linked the image back to this post so your readers can get the context. I'll add a list to this post of everyone who lets me now they have joined the Snarky Geeky Foodie cabal.

Download 450px wide image
Download 160px wide image

What would a Venn diagram of your site look like? I would love for you to make one and you might find it interesting. If you do, please come back and share the link with me.

Twitter, twitter, twitter...I do not care who else follows them...

Another day, another Div to block. This is starting to feel like Whack-a-mole.

Here's the filter for you AdBlocking kids:

twitter.com##DIV.followed-by

If you are using a stylesheet, open it up add this to it:

.followed-by {

     display:none

}

#followed-by {

     display:none

}

If you need the long version of the instructions, go here: Twitter Hovercards Die.die.die 

Okay, twitter. What's next?

Talk to me about Facebook...

Now that I have thrashed twitter into shape just a bit, Facebook is next on my radar. I am not, however, a huge Facebook user and we've already determined I don't know what everyone hates so I am turning to you...

What bits of content do you hate?

What would you hate to lose?

Look at the right sidebar - what is you had the labels like "Events" and an All button but no content? Then you could expand the headings but it would be a tight list otherwise.

Or do you just want the right sidebar gone entirely and have a wider content column in the center?

What else?

Twitter Hovercards: Die.die.die

Figuring out how to disable Twitter's recommended users to follow feature was so much fun, I thought I'd do it again. From my quick poll, hovercards seem to top the list of next most hated twitter feature. IN case you don't now, hovercards are those little popups that come up when you mouse over an avatar on a twitter page. I wouldn't have thought they were next on the list, but what the hell do I know?

There are a few more tweaks in the wings -- Facebook and I have been tussling -- so I decided that rather than go through all the add-ons and such, I am going to do most of this with stylesheets. This will make the inevitable updates a bit easier to manage for all of us.

Except for AdBlock Plus  which I use and will probably continue to add instructions for - just because if I am going to do it for me, I can share. (and Chrome/AdBlock for this one time because it was there and simple...)

If I might be allowed a moment of self-indulgence, I'd also like to thank everyone for the response to the post on Removing twitter's recommended users to follow feature. I am totally blown away by all the love and sweet things you are saying. Seriously. (I'd also like to thank dunny for being the first to suggest and test the hypercards tweak; he also sat on the fix for 24 hours waiting patiently for me to post it. Thanks, dunny!)

Here goes, Ad Blockers first, stylesheets after... All of it after the jump.

Removing Twitter's Recommended User to Follow "Feature"

#newtwitter fixes here: New Twitter Fixes: Remove Who to Follow and More!

waves at all the shiny new people

Hi, Internet! I must admit, I am sort of stunned at the response to this post. I thought if the lists annoyed me, there must be a few others out there who agreed. A few. That's my understatement for the decade. Thanks to all of you for the tweets, retweets, kind words - being called 'awesome sauce' isn't bad for the ego - and general sharing of this tweak. I'm doubly pleased because I love whipping stupid applications into line, it's sort of a hobby of mine.

For those of you who are new, here are a few highlights: simple, flaky biscuit recipe (#1 on Google!), a no-cook ice cream recipe (yes, with eggs)), and one of my favorites, Dear PETA, women are animals too... I also have a brand new site, Not Like Normal People, that you might want to check out. Oh yeah, see that ad on the top of the sidebars? Apparently I wrote a cookbook, too. (Much as I love sharing the tweaks, this self-promotional stuff is killing me but a friend sent mail and threatened to hack my site and do this if I didn't do it myself.)

Thanks again for coming by to snag the browser tweaks, I'm really, really happy to share!

Do you hate those recommendations from twitter as much as I do? Rhetorical question, I know. It seems to be the new thing to hate - and with good reason this time. It just recommended I follow someone who blocked me when I wrote Cook's Privilege: Unpacking the Invisible Knife Roll. Last straw, much?

I decided there must be a way to kill the suckers. You know what? There is a reason they call me Application Goddess. Done in 12 minutes. Take that, twitter.

Want to know how? Here you go, in all my technical author, bullet listed, click-on-sh*t glory. Scroll down for Internet Explorer, Chromium, Chrome, Safari (yes on Macs, too) and Opera! Oddly, the div ma,es didn't always work exactly the same in the different browsers, so if you find something that isn't quite right, please let me know.

Edited to add these links:

Twitter Hovercards: Die.die.die - How to get rid of the popups on twitter avatars.

Twitter, twitter, twitter...I do not care who else follows them... - Remove this list.

Twitter, twitter, twitter...I also do not care who we both follow...... - this is down temporarily because they are changing it around...back shortly...

Talk to me about Facebook... - What bits do you love, hate, use, not? Let's chat...

Lots of steps for lots of browsers after the jump...