Viewing Thread:
"Adding Twitter tickers, and facebook like buttons ."

as title trying to first add a twittor ticker like the one on tuturial page ..
http://www.instantprotutorials.myfreeola.com/twitter_tools.html
like the only on the right ...
why dont they just give us the code for that right hand 'skyscraper'
and we can edit the searched item tag/field !?

as 'creating' a widget doesny seem to work ... just gives me a text/link

plus when using the code from here
http://developers.facebook.com/docs/reference/plugins/like/
and trying to add that via the HTML tab, it doesn't save ? and the whole line gets removed ?

is it something thats recently happerned ?

cheers for any help !

as title trying to first add a twittor ticker like the one on tuturial page ..
http://www.instantprotutorials.myfreeola.com/twitter_tools.html
like the only on the right ...
why dont they just give us the code for that right hand 'skyscraper'
and we can edit the searched item tag/field !?

as 'creating' a widget doesny seem to work ... just gives me a text/link

plus when using the code from here
http://developers.facebook.com/docs/reference/plugins/like/
and trying to add that via the HTML tab, it doesn't save ? and the whole line gets removed ?

is it something thats recently happerned ?

cheers for any help !

hmmm well using the HTML5 for the facebook like button code seems to work in google chrome !

still no joy with twitter feed/ticker etc :(

well not sure why it wasnt working when i initially posted the code
but it now seems to sprung into life !?

its the OLD script (new one still just craps out)
this is the code i am using, so here it is to helps others...


<div id="twtr-search-widget"></div>
<script src="http://widgets.twimg.com/j/1/widget.js"> </script>
<p>
<link href="http://widgets.twimg.com/j/1/widget.css" rel="stylesheet" type="text/css" />
</p>
<script type="text/javascript">// <![CDATA[
new TWTR.Widget({

search: 'search_term',

id: 'twtr-search-widget',

loop: true,

title: 'tittle_goes_here',

subject: '',

width: 250,

height: 400,

theme: {

shell: {

background: '#111',

color: '#000000'

},

tweets: {

background: '#000000',

color: '#ffffff',

links: '#f59f00'

}

}

}).render().start();
// ]]></script>


Thanks the code you provided worked immediately.
Any Idea how to change the colour and add the "follow" button within the display ?

altering text/background colour would be done manually ... and pretty self explanatory after the wording colour' background' etc .. getting the correct 'number' is the hard part. using the numbers that are selectable in the instantpro builder are the same ... etc ..

You might want to look at the X11 Color set or the Hex or the RGB values ... you can use any of them to specify a 'colour'. It's not a good example but here's an example:

X11/HEX/RGB

:¬)