End-User Options - UKBL ~ Twitter profile link on Postbit ~ Clickable

UKBL ~ Twitter profile link on Postbit ~ Clickable !!

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

Not been on for a while but i've had numerous requests for this Twitter hack so here we go....

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

Runs along the same lines as the Facebook Hack, so if you've installed that, you'll love this

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 = Twitter User Name

Description = Enter Your Twitter username from your Twitter User Profile

Default Value = Leave empty

Max length of allowed user input = 20

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="https://twitter.com/$post[field11]">
<img alt="My Twitter" border="0" src="http://i475.photobucket.com/albums/rr114/ukbusinesslive/twitter3.gif" border="0"/>
</if></if>

replace the RED Field attribute for your own and dont forget to replace the twitter image show in the above code for your own, see below

http://i475.photobucket.com/albums/rr114/ukbusinesslive/twitter3.gif

I've added several twitter images below but feel free to use your own

They are in .gif and .png, use the ones you feel happiest with








Now when members sign up their Twitter badge and enter their profile user ID into the "Enter your twitter username from your Twitter 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 Twitter profile urls

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

Next, Upload the Twitter 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 Twitter



Please Click Installed and I'll support you 100%

Thanks

[TheLastSuperman]

Originally Posted by sunnycher

I've followed this to a T, not working for me either, image doesn't show up at all.

I checked and the image is still on photobucket (http://i475.photobucket.com/albums/r...e/twitter3.gif) so it's possible you did something wrong please double-check this as it's a very simple template edit based on a profile field so it should not give you much trouble at all is what I'm trying to get at .

[ludachris]

So, I like this hack, but, how would we get the field to show up under the "Instant Messaging" options in the Edit Profile form?

[Comp]

I would like to show member profile page. How can Edit the which template?