Twitter Username Widget BB code

Twitter Username Widget BB code

Mod Version: 1.00, by nitra1000

vB Version: 4.0.2	Rating: (4 votes - 4.75 average)	Installs: 27
Released: 23 Feb 2010	Last Update: Never	Downloads: 0
Not Supported Re-usable Code

Hi all, this little bit of code, will allow your members to use twitter widgets on your site...

As seen http://leicestertalk.net/comments-suggestions/7782-testing-tweets.html (last post)

Theres no products to upload, or templates to edit.. Just follow these steps.

Creating the basic Widget
Go To "Admin CP --> Custom BB Codes --> Add New BB Code"

Enter the following...

Title: twitterUsername
BB Code Tag Name: @me
Replacement:

Code:

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'profile',
  rpp: 30,
  interval: 4000,
  width: 'auto',
  height: 100,
  theme: {
    shell: {
      background: '#382f57',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#000000',
      links: '#0013e8'
    }
  },
  features: {
    scrollbar: true,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: false,
    behavior: 'default'
  }
}).render().setUser('{param}').start();
</script>

Example: [@me]leicestertalk[/@me]
Description: Shows a twitter profile widget for the selected user.
Use {option}: No
Button Image (Optional): whatever 20x20 image you want, I've dropped a few links at the bottom and I'm sure someone will post one...
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: Yes
Disable Smilies Within This BB Code: Yes
Disable Word Wrapping Within This BB Code: Yes

Thats It Folks..
If you wish to use searches instead of username, please check out my other mod

Spoiler (click to open)

Hi all, this little bit of code, will allow your members to use twitter widgets on your site...

As seen http://leicestertalk.net/comments-suggestions/7782-testing-tweets.html

Theres no products to upload, or templates to edit.. Just follow these steps.

Creating the basic Widget
Go To "Admin CP --> Custom BB Codes --> Add New BB Code"

Enter the following...

Title: twitter
BB Code Tag Name: tweet
Replacement:

Code:

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: '{param}',
  interval: 6000,
  title: '',
  subject: 'Tweets',
  width: 'auto',
  height: 100,
  theme: {
    shell: {
      background: '#8ec1da',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: true,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'default'
  }
}).render().start();
</script>

Example: [tweet]leicestertalk[/tweet]
Description: This will insert a twitter widget onto the post, you can use hashtags and searches.
Use {option}: No
Button Image (Optional): whatever 20x20 image you want, I've dropped a few links at the bottom and I'm sure someone will post one...
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: Yes
Disable Smilies Within This BB Code: Yes
Disable Word Wrapping Within This BB Code: Yes

To create one with editable titles
Go To "Admin CP --> Custom BB Codes --> Add New BB Code"

Enter the following...

Title: twitter2
BB Code Tag Name: tweet
Replacement:

Code:

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
  version: 2,
  type: 'search',
  search: '{param}',
  interval: 6000,
  title: '',
  subject: '{option}',
  width: 'auto',
  height: 100,
  theme: {
    shell: {
      background: '#8ec1da',
      color: '#ffffff'
    },
    tweets: {
      background: '#ffffff',
      color: '#444444',
      links: '#1985b5'
    }
  },
  features: {
    scrollbar: true,
    loop: true,
    live: true,
    hashtags: true,
    timestamp: true,
    avatars: true,
    behavior: 'default'
  }
}).render().start();
</script>

Example: [tweet=Leicester]leicestertalk[/tweet]
Description: This will insert a twitter widget onto the post, you can use hashtags and searches.
Use {option}: Yes
Remove Tag If Empty: Yes
Disable BB Code Within This BB Code: Yes
Disable Smilies Within This BB Code: Yes
Disable Word Wrapping Within This BB Code: Yes

Thats It Folks..
If you wish to use usernames instead of searches, please check out my other mod . You can change height/width/colors of the mod as required (pretty obvious how)

As ever PayPal donations excepted... As are follows https://twitter.com/leicestertalk and the odd post on my http://leicestertalk.net

But i'd prefer a donation, because that means mooo monies

http://www.webdesignerdepot.com/2009/07/50-free-and-exclusive-twitter-icons/

p.s I have only briefly tested this... So no responsibility if you don't stage your installs... (dev > test > live)

. You can change height/width/colors of the mod as required (pretty obvious how)

As ever PayPal donations excepted... As are follows https://twitter.com/leicestertalk and the odd post on my http://leicestertalk.net

But i'd prefer a donation, because that means mooo monies

http://www.webdesignerdepot.com/2009/07/50-free-and-exclusive-twitter-icons/

p.s I have only briefly tested this... So no responsibility if you don't stage your installs... (dev > test > live)

Download

No files for download.

vBulletin LTS

Spoiler (click to open)