Share to Facebook Tip: Hidden Thumbnail-Fu!

11/11/2009 04:29 PM by Chris Toohey

For the dominoGuru.com website redesign I went with a single-image header which shows both the logo and the header text, all in an attempt to give the header a more polished, properly aliased look and feel:

This works great for the site design, but when sharing an article via ShareThis! (or any of the like click-to-share social networking solutions out there) you are limited to the images on the linked web page to set as the Facebook Link Thumbnail. Not that big of an issue, unless your post doesn't have an image and the only image that you have available as your Facebook Link Thumbnail option is your Contact Information avatar!

My proposed fix? Just before the BODY HTML Element close tag, add the following HTML:

<img src="logo.png" style="display: none;" />
</body>

Pretty simple really: you're going to load (but hide via inline CSS) an image that you can use for your Facebook Link Thumbnail!

... it beats looking at my mug on each of the Links I post to Facebook!