Layer 4 copy
doc
tut
blog
forum
doc
tut
blog
forum
home

Upload your PSD file...

Take a quick look at the Guidelines to see how to prepare your PSD file


 

Please wait - we are now uploading and converting your file...

 

Wait! You can upload your PSD, but you aren't logged in! If you submit now, you won't get any of the cool Unlimited features. You'll just get plain XHTML and CSS DIVs. Create a new account to use all the great Unlimited features free for 2 weeks.

Facebook Social Plugins

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

stuck @ "Calling Facebook..."

Hi, I'm from Indonesia, and I got the same error. the process stop after message "Calling Facebook..." showed up. The FB dialog is not show.

I already wait for a night, using opera, IE 8, Mozilla 3.6x, and it still not show.

1 other question is, how can I make a Facebook Developer Account ?

Thx

calling facebook...

In the chrome console I see a fault on one of the facebook calls, it says "Uncaught TypeError: Cannot call method 'createApplication' of undefined"

HTH :)

Facebook app is not working

the Facebook App get stuck on this message,
Facebook Features! cool..
Let's set you up with a Facebook application id.

Calling Facebook...

but nothing is happening

i get stuck in this. and my

i get stuck in this. and my "unlimited" time is running out :(

Facebook Features! cool..
Let's set you up with a Facebook application id.

Calling Facebook...

Facebook Plugin

The facebook plugin example is not working. I see the grey box contents I see the video, but, I don't see the redbox (the facebook content).... When will be fixed?

Hi trking - I just tried it

Hi trking -

I just tried it and it works. I had to close the Facebook dialog manually which didn't use to happen, but it still completed.

I do notice however that the generated source is missing the application id, and the secret application key. I'll see if some Facebook Connect API has changed and get that fixed.

But in the meantime - the plugins are working.

--
Shaun

Pre-existing Facebook Account

Hello,

I'm not clear on how to locate the developer account credentials for a pre-existing Facebook account. What exactly do I do to repeat this process above, but use a pre-existing Facebook account. I've got that I just replace the code. I just can't find the account credentials to use. Please help.

Thanks,
Jofapa

Hi Jofapa - There is a big

Hi Jofapa -

There is a big big comment in the generated code (index.html usually) that talks about your credentials.

At the moment however I'm getting 'undefined' for back from the Facebook Connect API when generating a new application developer account. The plugins we support still have much of their functionality, but I'll look into what the problem is and get full registered developer functionality back.

Stay tuned! and thanks.

--
Shaun

Misspelled word on this page...

So far of all the Social Plugins avaialble we help you

"just letting you know"

Thanks :)

Thanks :)

I think this feature it

I think this feature it doesn't works.......I get "Calling Facebook..." even with your .psd example (fbsocial1.psd)

Hi oau - Yep - that's how it

Hi oau -

Yep - that's how it works. psd2css Online sets up a Facebook Developer Account for you - but FB first needs to ask your permission. The credentials are put into the generated code.

You can open your own Facebook Developer Account and manually put those credentials into the generated code after it's generated if you want. I just do that for you so you don't have to.

--
Shaun

Stuck calling FACEBOOK....

I am also getting stuck on the "calling facebook" part of this process. I'd like to get this to work because it's such a cool bit of programming. I'm always amazed that this site even works at all...it's like magic. Great work. Now if I can just this to work...I'll be flying high!

:) Hi jasonbeckett - I guess

:)

Hi jasonbeckett -

I guess all I can say is try it again. I just ran one through 2 minutes ago and it worked.

Well - at the moment I'm not getting valid App Ids back from FB, but the plugins still work. Fixing the App Id thing, but you should get a valid working FB enabled web page right now.

--
Shaun

Problems with Facebook Integration

when i upload my PSD file, everything loads but after it says calling facebook it stops and nothing happens. help me please =/

thanks in advance :)

Hi bi_01 I'm a little

Hi bi_01

I'm a little concerned that I'm getting so many (3?) people who don't get past the calling facebook part. There's not much I can do about that. The Facebook Connect servers need to answer and if they don't - well, that's not a psd2css Online thing.

All I can suggest to anyone who gets stuck at 'Calling Facebook...' is wait for it, if after like 2 minutes (literally 2 mintes) you get no response, try again, and if that doesn't work try again some hours later (possbily FB is having some sort of problem or something).

If you are still not getting any FB love, post it here along with where geographically you are located, what Internet Service Provider you are using, what browser, and what OS and I'll compile a bug report to send off to the good folks at Facebook.

--
Shaun

Same thing...

I have been trying for a few days now and can't get it to work. I'm in St. Clair, MO, have Charter Communications as my ISP, have tried Firefox and IE, and I'm running Windows 7.

Update: Just checked to see if I could do it from work, and I cannot. I believe we have AT&T service... XP box, both Firefox and IE fail.

Re: Facebook Social Plugins

What part of the process is not working? Is it the dial up of FB? We are going to track down the choke points. We have found that FB has periodically modified the API and with the new "Places App" this could be the case. please submit a support ticket so we can track this issue
We will get back to you soon.

Error

I am running Windows XP attempting to load my psd file in IE 8.0.6 and Firefox 3.5.11 both of them just get stuck at Calling Facebook...

I Get the error of

"Webpage error details

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 5.1; Trident/4.0; .NET CLR 2.0.50727; .NET CLR 3.0.4506.2152; .NET CLR 3.5.30729; InfoPath.2)
Timestamp: Thu, 5 Aug 2010 21:42:17 UTC

Message: 'FB.Connect' is null or not an object
Line: 132
Char: 15
Code: 0
URI: http://psd2cssonline.com/?callhome=fb&target=uploads/656704684/rass.psd&s=0d11bd8b0c95b8b4d2b92d308f59f11b&t=1281044437&fbc_channel=1"

I am on Cox Internet in Phoenix Arizona.

copyright (c) 2009 psd2css Online, Inc.

 

 

User login

Become a Fan of our Facebook Page

Need help or have a question?
support@psd2cssonline.com

| Privacy | Terms of Use |

copyright (c) 2008, 2009, 2010, 2011 psd2css Online, Inc.
Patent Pending

Syndicate content