Facebook Social Plugins
We already have an old style Facebook share button for you, but that's old news. Facebook moves so fast they have a whole new bunch of Social Plugins for people to add to their websites and we've got them covered. The new Social Plugins are awesome. When people visit your site, if your visitor is a Facebook user and has logged in to FB recently, the plugin knows this and shows your visitor his friends who have visited your site and liked it or commented. Also, when they comment on or like your site, it will show up in their feed back on the Facebook site for all their friends to see. Facebook is making the whole web social and now that includes your site.
Well, so far we have 3 covered - but we're working on the rest. So far of all the Social Plugins available we help you add a Facebook Comments box, a Facebook Like button or a Facebook Recommendations box to your website. Just like any other psd2css Online feature you just draw a box where you want the plugin to show up and name the layer right. Here are the 3 we have so far:
- _fbcomments - Facebook Comments. with a Like button built in.
- _fblike - Facebook Like button. When your users visit your site, they will see all their friends who liked your site too. And when they click 'Like', your site will automatically get shared back to their Facebook.
- _fbrecommendations - Facebook Recommendations. The Recommendations plugin gives users personalized suggestions for pages on your site they might like.
Ok, some details:
To get the most out of these plugins you as the site owner should have a Facebook Application Developer account. To make this as simple as possible for you, we have psd2css Online create a basic Developer account for you. As soon as psd2css Online sees that you are building a site with Facebook features we 'call Facebook' (server to server) and open a Developer Account for you. You'll see a dialog box that Facebook displays asking you if that's ok. We'll get the Developer credentials and automatically put them into the generated code for your site. Bottom line - you don't have to do anything but click 'Ok' on the FB dialog box :)
But if you plan on doing any of your own coding with the Facebook Connect API, you might want to get your own Application Developer account. Feel free to go to the Facebook Developers Site and create your own account if you want to. There are lots of options to your account available that way. You can replace the credentials in the generated code with the credentials FB gives you with your Developer account. Again - this is not a necessary step to use Facebook Social Plugins in your psd2css Online generated site, but it's something you may want to do if you are going to be adding more FB functionality on your own.
You can see the page created in the video here: http://psd2cssonline.com/tutorials/fb/comments/index.html
And you can get the Photoshop PSD used here: http://psd2cssonline.com/tutorials/fb/comments/fbsocial1.psd