Obsolete Add a facebook icon to your posts

Simon Hampel

Administrator
Staff member
20+ year member
For those people who use Facebook and want to have a link to their profile show up on forum posts, you can now add your profile URL to your ZooChat settings.

Go to the User Control Panel, click on Edit Your Details, scroll right down the bottom and you will see a new profile field called "Facebook Profile" (see screenshot attached).

You need to enter the URL to your profile. You can find this information by logging in to Facebook and going to the Profile Badges page.

The badge code will look something like this:

Code:
<!-- Facebook Badge START -->
<a href="http://www.facebook.com/p/Joe_Bloggs/123456789" title="Joe Bloggs" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;">Joe Bloggs</a>
<span style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; line-height: 16px; font-variant: normal; font-style: normal; font-weight: normal; color: #555555; text-decoration: none;">&nbsp;|&nbsp;</span>
<a href="http://en-gb.facebook.com/facebook-widgets/" title="Make your own badge!" target="_TOP" style="font-family: &quot;lucida grande&quot;,tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;">Create your badge</a>
<br/><a href="http://www.facebook.com/p/Joe_Bloggs/123456789" title="Joe Bloggs" target="_TOP"></a>
<!-- Facebook Badge END -->

You need to copy just the URL bit - that's the bit that looks like:

Code:
http://www.facebook.com/p/Joe_Bloggs/123456789

... and paste that into your ZooChat Facebook profile field. You should then see a link to your Facebook profile next to each of your posts (look for the little blue F icon).

Alternatively, if you have set up a Facebook username to give your Facebook profile a custom URL, eg:
Code:
http://www.facebook.com/joe.bloggs

... then you can use this URL instead.

More information on Facebook usernames here: http://www.facebook.com/help/?page=897

You can also do the same with Twitter accounts.
 

Attachments

  • facebook.png
    facebook.png
    26.8 KB · Views: 0
Last edited:
Back
Top