Twitter Search Widget BB code

Twitter Search Widget BB code

Mod Version: 1.00, by nitra1000

vB Version: 4.0.2	Rating: (3 votes - 5.00 average)	Installs: 13
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

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)

Download

No files for download.

vBulletin LTS