Facebook Link Control

This is probably a pretty easily-deduced fix for most, but I thought I’d write it up just in case someone is in the same position. Have you ever posted a link on facebook and been nonplussed by the thumbnail selections? Or, not even had a thumbnail option at all? For pseudoroom.com — with a home page completely devoid of (non-background) images — a link on facebook yields nothing but my intro copy. Surely there must be a way to get a nice little thumbnail associated with that link, without changing my home page design one bit?

Using the CSS display property of “none” let me insert a pseudoroom logo graphic below the footer of my page, and have it not render in browsers. The code is simple:

img#fb_hidden
{
display:none;
}

Now when I enter in this site as a link on facebook, it detects the logo graphic (despite being hidden from browsers) and presents it as a nice thumbnail option for the post:

facebook linkage

Ta-da! Simple little tip, but it may come in handy if you’re in a similar predicament.


Comments are closed.