JenSocial: Social Web Directory and Ning Tips

Social Web Directory :: Social Network Directory :: Ning Tips and Ning Support

Create RSS Feed News Ticker In NingBar

Create RSS Feed News Ticker, and add to Ning Bar!

Original Tip for Other platforms: http://jensocial.com/group/socialnetworktips/forum/topics/create-rs...

RSS Pump enables anyone to add an RSS Feed URL, and create widget code that will display the RSS Feed into a News Ticker styled output. It's too cool for grits! There are several customization options to choose from, when you create your widget code.

Warning: Before you install a News Ticker on your Ning site, as in any 3rd party script installed on the Ning platform - - if you ever notice their server being slow to load the RSS Feed, be sure to remove the code from your site. I've been using RSS Pump on Client sites for a long time, and never had any significant load time issues on Ning. But it will slow down your load time, due to the constant loading of the code.

Tip: BTW, a great way to check your page load times is on Pingdom.

Instructions:

First, let's create our RSS News Ticker, then we will add to the Ning Bar.
You can choose any valid RSS Feed URL. For example to display your Latest Activity RSS Feed in a News Ticker, use this URL, changing jensocial.com to your Ning domain:
http://jensocial.com/activity/log/list?fmt=rss
After you grab the RSS Feed URL that you want to feed into a News Ticker styled output, Go to RSS Pump
Paste the RSS Feed URL under: 1. Add RSS Feeds
Click on Add.
Select your options.
I don't want to discourage supporting RSS Pump. However, if you have a business site you may want to make sure you uncheck the box for: Support! Otherwise Ads will be included in the stream. If you can allow an occasional Ad Link, please do.
The setting for Support! (showing Ads from RSS Pump) is su=0 to set it OFF.
Grab your RSS Feed Code (Ctrl + C or right-click copy)
Edit the code below, adding your RSS Feed Code where indicated.
You may need to adjust the width: 500px;
AddRSSFeedNewsTickertoNingBar.txt
Add to your Custom Code Box via: My Network/Tools/Custom Code.
Save, and done.

Ning Custom Code Example from Text File Above:

<script type="text/javascript">
/* Insert RSS Feed News Ticker in NingBar */
if (typeof(x$) != 'undefined') {
var ningbar_rss = '<div style="clear: both; float: left; width: 500px; padding-top: 5px;">YOUR RSS FEED NEWS TICKER CODE, GOES HERE.</div>';
x$("#xn_bar_menu").prepend(ningbar_rss);
}
</script>

Text Box or Other HTML Page Option:

Do not use the Custom Code above.
To add the RSS News Ticker to a Text Box or other HTML page, edit your box/page.
On the Ning platform, click on HTML button.
Copy/paste the widget code directly from RSSPump.com, and click on SAVE.

Enjoy!

0 members favorited this

Replies to This Discussion

Permalink Reply by JenSocial on November 1, 2011 at 10:28pm

Just FYI, and not sure why it works for some RSS feeds and not for others; I tried the RSS Feed for my Latest Activity. It's matching for me: the RSS Pump version and the RSS Feed URL. It does start with the oldest and cycles from the 9th oldest (if you select the max) to the newest (1st).

Best,

Jen

Permalink Reply by Escena Mexico on November 4, 2011 at 7:34pm

I put my twitter username & only say "Loading..." excuse me Jen not work for twitter ?

Permalink Reply by Escena Mexico on November 4, 2011 at 7:53pm

i wait.. and not charge with Twitter help ? My Twitter Username is EscenaMexico

Permalink Reply by JenSocial on November 4, 2011 at 8:10pm

Sometimes RSS Pump hangs on "Loading..." and doesn't work properly. If you try later, it will probably work. I also tried with EscenaMexico, and it would not work. I will try again, too.

Best,

Jen

Permalink Reply by Escena Mexico on November 4, 2011 at 11:18pm

Thx Jen youre the best forever RESPECT i know you like flowers...