Just recently, Facebook implemented a change to its service. The Share/Become A Fan button changed to the more universal "Like" button.
But the implications of the change are far more reaching and implemented properly can really help the wikidot community and/or awareness of wiki sites grow.
If your web pages represent profiles of real-world things — things like movies, sports teams, celebrities, and restaurants, you can optionally use the Open Graph protocol to enable users to establish lasting connections to your pages. Your pages show up in more places on Facebook and you gain the ability to publish stream stories to connected users.
To customize how your site shows up when users share your page with the Like button, you can add meta data to your web pages:….
Anyway, follow the link above… you'll get the idea. This wish is for far more than the
existing tag.
Or if this is already possible somehow on Wikidot, I can't any documentation on how to do it properly and would greatly appreciate a more experienced user assisting with insight and / or an example of what to do.
And one follow on note… on the wish… with the new "Like" button, Facebook is allowing it to be placed on website outside of Facebook, but drawing back this funtionality into Facebook.
I don't think this needs to be a wish, you can just put the iframe code facebook gives you into [[html]]..[[/html]] tags like the one below (for Wikidot)
which gives:
Or have I missed something and it's not doing what you expect.
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
Would the recommended solution work if putting the "Like" button in to the css of the header? I know how to put an image wrapped by a link up there (thank you Rob), but an embedded html code block? Is that possible when the css already has to be inside a [[code]] tag?
You could use custom CSS to position the html block absolutely in the header area of your site by wrapping it in a div with its own class. I just did s quick test and something like this will work. You'll want to play the the positioning to line up nicely with your theme.
-Ed
Community Admin
Thanks Ed. I have implemented this and it works well. Not all that nuts about having to have the div on every page to have it appear consistently on the header, but it does work.
I guess there is no other way to do it once as part of a site design in the css?
Here is a site where you can see it in action… http://www.greenville-honda-direct.com/
You don't need to have it on every page. Put it all into your live template pages (for the default category that is _template, for any other category it is category:_template.
A better alternative is to put the css into your css page where the rest of your site-wide custom css is (if you have created such a page), then you just need to have the div in your live template pages.
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.
If you need detailed instructions on how to do this it would be best done over on the community site.
Rob Elliott - Strathpeffer, Scotland - Wikidot first line support & community admin team.