Forum Home Enhancements - UKBL ~ FaceBook profile link on Postbit

UKBL ~ FaceBook profile link on Postbit ~ Clickable !!

Member on Facebook? Show other members that you have a Facebook presance by adding a facebook Icon to your postbit"

This is a cool hack which will let your members add a facebook Icon to their Postbit template, They need to add their facebook Profile user ID in their user CPfor this to show, If they don't enter one, then the badge don't show

How to install.

Its really easy to do, as always, so if your sitting comfortably, lets begin

Now we need to create a User Custome field, so.....

AdminCP and add a custom field > User Profile fields > Add New User Profile Field

Title = Facebook user ID

Description = Enter the Number ID from your Facebook User Profile

Default Value = Leave empty

Max length of allowed user input = 12

Display Size = 10

Display Order = 10 or 15

Field Required = No as default

Field Editable by User = Yes in case member wants to delete, Later

Private Field = No

Field Searchable on Members List = No

Show on Members List = Yes

Regular Expression = leave empty

Save the field

Once you've saved you can see what the field number is, So lets say its Field11 for example, Remember this as will need it for your Postbit Edits :up:

Thats the first bit done, now Part Two

Go to the template you are using in Styles & Templates/Style Manager, and select Edit templates.

Go to "postbit templates" and select the template you are using, either postbit or postbit_legacy.

Find the following

<if condition="$post['joindate']"><div class="postbit">$vbphrase[join_date]: $post[joindate]</div></if>

Directly above it add

<if condition="is_member_of($bbuserinfo, 6, 7, 9)">
<if condition="$post['field11']">
<a href="http://www.facebook.com/home.php/#/profile.php?id=$post[field11]&ref=profile">
<img alt="My Facebook" border="0" src="http://www.yourforum.com/images/misc/facebook.png" border="0"/>
</if></if>

replace the RED Field attribute for your own

now when members sign up their facebook badge and enter their profile user ID into the "Enter the Number ID from your Facebook User Profile" section in their UserCP, The Badge will automatically appear in their Postbit

Don't forget to change the usergroup condition with the number of the usergroups that you want to be able to view this

<if condition="is_member_of($bbuserinfo, 6, 7, 9)">

That means that guests and banned users will not be able to view members facebook profile urls

Members who do not add a user id will not be shown anything.

Next, Upload the facebook icon to your forums/images/misc folder and add the full url to the part in the code which shows the image.

if you are just seeing a red cross on your postbit, then its because your image url is not right

Oh Forgot to say, Badge is fully clickable so members can click directly to facebook


Hope you enjoyed this new hack, and thanks to DobieGillis? for the idea

Please Click Installed and I'll support you 100%

Thanks

[sdfontanini]

I also noticed the </a> was missing, wasted about 20 min figuring it out. :-) LOL

Here's the code for VB 4

<vb:if condition="$post['field25']">
<a href="http://www.facebook.com/home.php/#/profile.php?id=$post[field25]&ref=profile">
<img src="http://www.yoursite.com/forums/images/misc/fb.bmp"></a>
</vb:if>

[sdfontanini]

here's another modification to the vb 4 version, where i have made the ID code appear on hover

<vb:if condition="$post['field25']">
<a href="http://www.facebook.com/home.php/#/profile.php?id=$post[field25]&ref=profile">
<img alt="{vb:raw post.field25}" border="0" src="http://www.coloradoevo.com/forums/images/misc/fb.bmp"></a>
</vb:if>

[sdfontanini]

Last but not least I fixed all the issues with the coding. this was a real pain, here's the new vb 4 version. it directly links to your friends facebook accounts

<vb:if condition="$post['field25']">
<a href="http://www.facebook.com/profile.php?id={vb:raw post.field25}">
<img alt="My Profile" border="1" src="http://www.yourforum.com/forums/images/misc/fb.bmp"></a>
</vb:if>

[sdfontanini]

finally one more, this one opens the links in a new page

<vb:if condition="$post['field25']">
<a href="http://www.facebook.com/profile.php?id={vb:raw post.field25}" target="_blank">
<img alt="Facebook Profile" border="1" src="http://www.yoursite.com/forums/images/misc/fb.bmp"></a>
</vb:if>

[TheLastSuperman]

Originally Posted by sdfontanini

I also noticed the </a> was missing, wasted about 20 min figuring it out. :-) LOL

Here's the code for VB 4

<vb:if condition="$post['field25']">
<a href="http://www.facebook.com/home.php/#/profile.php?id=$post[field25]&ref=profile">
<img src="http://www.yoursite.com/forums/images/misc/fb.bmp"></a>
</vb:if>

Originally Posted by sdfontanini

here's another modification to the vb 4 version, where i have made the ID code appear on hover

<vb:if condition="$post['field25']">
<a href="http://www.facebook.com/home.php/#/profile.php?id=$post[field25]&ref=profile">
<img alt="{vb:raw post.field25}" border="0" src="http://www.coloradoevo.com/forums/images/misc/fb.bmp"></a>
</vb:if>

Originally Posted by sdfontanini

Last but not least I fixed all the issues with the coding. this was a real pain, here's the new vb 4 version. it directly links to your friends facebook accounts


<vb:if condition="$post['field25']">
<a href="http://www.facebook.com/profile.php?id={vb:raw post.field25}">
<img alt="My Profile" border="1" src="http://www.yourforum.com/forums/images/misc/fb.bmp"></a>
</vb:if>

Originally Posted by sdfontanini

finally one more, this one opens the links in a new page


<vb:if condition="$post['field25']">
<a href="http://www.facebook.com/profile.php?id={vb:raw post.field25}" target="_blank">
<img alt="Facebook Profile" border="1" src="http://www.yoursite.com/forums/images/misc/fb.bmp"></a>
</vb:if>

Similar here:
https://vborg.vbsupport.ru/showthread.php?t=233432
... it was already done for 4.x

[MatiasCandy]

AdminCP and add a custom field > User Profile fields > Add New User Profile Field

Which "Profile Field Type"

I have 3.8.6 is there special install for that?
Sorry new to adding Badges and such

[bestmilan]

Originally Posted by blaize

I worked around the new vanity url issue by creating two custom fields, one for numerical id and one for users with vanity urls.

This is the code I used for the postbit template edits. Change fields XX & YY to whatever your custom fields are.

<if condition="is_member_of($bbuserinfo, 2, 5, 6, 7)">
<if condition="$post['fieldXX']">
<a href="http://www.facebook.com/home.php/#/profile.php?id=$post[fieldXX]&ref=profile">
<img alt="My Facebook" border="0" src="http://yourforums.com/forums/images/misc/facebook.png" border="0"/>
</if></if>

<if condition="is_member_of($bbuserinfo, 2, 5, 6, 7)">
<if condition="$post['fieldYY']">
<a href="http://www.facebook.com/$post[fieldYY]?ref=profile">
<img alt="My Facebook" border="0" src="http://yourforums.com/forums/images/misc/facebook.png" border="0"/>
</if></if>

Use at your own risk.

The first is for the numerical id & the second is used if the facebook profile uses a vanity url.

This was very helpful, thank you blaize

[bestmilan]

BTW, I cut off "&ref=profile" from the code above to validate the code.

It seems to be working fine in the latest versions of all major browsers.