nitra1000
02-22-2010, 10:00 PM
Hi all, this little bit of code, will allow your members to use twitter widgets on your site...
As seen At my Leicester Talk Forum (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:
<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: leicestertalk
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:
<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: leicestertalk
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 (https://vborg.vbsupport.ru/showthread.php?t=236712). You can change height/width/colors of the mod as required (pretty obvious how)
As ever PayPal donations excepted... As are follows @leicestertalk (http://twitter.com/leicestertalk) and the odd post on my forums (http://leicestertalk.net)
But i'd prefer a donation, because that means mooo monies :p
Twitter Icons (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)
As seen At my Leicester Talk Forum (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:
<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: leicestertalk
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:
<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: leicestertalk
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 (https://vborg.vbsupport.ru/showthread.php?t=236712). You can change height/width/colors of the mod as required (pretty obvious how)
As ever PayPal donations excepted... As are follows @leicestertalk (http://twitter.com/leicestertalk) and the odd post on my forums (http://leicestertalk.net)
But i'd prefer a donation, because that means mooo monies :p
Twitter Icons (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)