Profile Enhancements - Official "Follow me" twitter button

Hello there,
For people don't know, Twitter just released their new "Follow Button" so we can use it in our website.. Source

- What is this mod for?
This mod is to help your members to show there there twitter username so people can follow them. and with this button you don't have to leave the page to enter to twitter then press the follow button "like the old days"
now people can follow you without leaving the page in just one touch!

- Can I show how many followers He/She has next to the Follow button?
Yes, Twitter added this choose so it's up to you "as forum admin" if you want to show to your members how many followers they have or not.

let's begin work..

1- you have to add new user profile field:

- Go to your admincp.
- From "User Profile Fields" choose "Add New User Profile Field"
- Choose "Signle-Line Text Box"
- Make it like this screenshot:

- Click "Save"
- Remember this number after you save your new field "check the screenshot" :

2- Now edit your (Postbit or Postbit_legacy Template) dependence on which one your are using.

- Search for in it for:

{vb:raw template_hook.postbit_messagearea_start}

- Add below it:
If you want to show how many followers She/He has add this:

<vb:if condition="$post['field5']">
<center><a href="http://twitter.com/{vb:raw post.field5}" class="twitter-follow-button">Follow @{vb:raw post.field5}</a></center>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</vb:if>

- Change 5 to the field number you made before "check the second screenshot above"
If you doesn't want to show how many followers they have add this:

<vb:if condition="$post['field5']">
<center><a href="http://twitter.com/{vb:raw post.field5}" class="twitter-follow-button" data-show-count="false">Follow @{vb:raw post.field5}</a></center>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</vb:if>

- Change 5 to the field number you made before "check the second screenshot above"
- Press "Save"

3- This is how it going to be in the thread:

And this is After you press "Follow"



4- That's it

NOTE:
- Note your member that if they want to add there twitter ID they have to edit their "profile" by going to "Setting" then "Edit Profile". And type their username without the @ . Ex: ToNetU not @ToNetU

UPDATE:
- If you want the button to be below the avatar, go to this post https://vborg.vbsupport.ru/showpost....05&postcount=9

[ashley76]

Nice! Added!

[tarzan22]

thanks but not work for me

[ToNetU]

Originally Posted by ashley76

Nice! Added!

It worked with you? Just to be sure.. Thanks

[ToNetU]

Originally Posted by tarzan22

thanks but not work for me

Try to follow the instruction again i couldnt find anything wrong with the codes

[glen290]

installed, but not showing up the twitter button..
Edit, sorted this..make a note to your users when the put theit titter ID in the user filed not to put @name , just put the name in.
Nice little mod, like it alot...

[ToNetU]

Originally Posted by glen290

installed, but not showing up the twitter button..
Edit, sorted this..make a note to your users when the put theit titter ID in the user filed not to put @name , just put the name in.
Nice little mod, like it alot...

Thanks i just updated tge note..

[eternal_]

Is there any way to make this so it's in the avatar column instead of at the end of each post the person makes?

[ToNetU]

Originally Posted by eternal_

Is there any way to make this so it's in the avatar column instead of at the end of each post the person makes?

Search in (Postbit or Postbit_legacy) Template for:

<img src="{vb:raw post.avatarurl}" alt="{vb:rawphrase xs_avatar, {vb:raw post.username}}" title="{vb:rawphrase xs_avatar, {vb:raw post.username}}" />
            </a>
            </vb:if>

Add below it:
If you want to show how many followers She/He has add this:

<vb:if condition="$post['field5']">
<center><a href="http://twitter.com/{vb:raw post.field5}" class="twitter-follow-button">Follow @{vb:raw post.field5}</a></center>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</vb:if>

- Change 5 to the field number you made before "check the second screenshot in the first post"

If you doesn't want to show how many followers they have add this:

<vb:if condition="$post['field5']">
<center><a href="http://twitter.com/{vb:raw post.field5}" class="twitter-follow-button" data-show-count="false">Follow @{vb:raw post.field5}</a></center>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
</vb:if>

- Change 5 to the field number you made before "check the second screenshot in the first post"
- Press "Save"

[Robru]

Very handy mod, thanks for it