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

Due to some awesome work done by Vaqz on RecruitingBlogs.com and questions, I have updated my RSS Feed News Ticker tip from last year. I decided to add here on Creators as well.

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 Design 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.
  • 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:

<!-- Start Add RSS Feed News Ticker to Ning Bar -->
<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>
<!-- END RSS Feed News Ticker -->

 

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!

You'll find a ton of free Ning Tips like this one on JenSocial.

 

Update: Fixed Ning Bar and Left Align Option

Instructions:

  • In original code above, change float: left; TO float: right;
  • Add the following code to your Advanced CSS via: My Network/Settings/Appearance/Advanced

/* Float menu links and search to left */
div#xn_bar div#xn_bar_menu {
position:absolute; float:left!important;
}
/* Fix Ning Bar - never scrolls out of view */
#xn_bar {
position:fixed;z-index:9999!important;top:0px;
}
/* Add some space above header, for Ning Bar Fixed position */
div#xg_masthead {
margin-top:20px!important;
}

Tags: jensocial, news ticker, news ticker ningbar, rss, rss feed, rss news ticker, rss news ticker in ningbar, rss news ticker ningbar, rss ningbar

Views: 4966

Reply to This

Replies to This Discussion

Whoa! This is epic, Jen. EPIC!

 

Thanks Eric! I created the tip with a float at top, last year. Vaqz inspired me to share the better way for NCs. ;-)

How did I miss this one? Really, really impressive. I may try it out here!

Apparently I didn't add it on Creators. I have searched and searched. I think I only added it on my site. So that's why you missed it. =)

Jen this is great, thank you!...it loads and moves my ning tool over, is there a way to make it load after the tool

again, thank you

Hi Reese,

I could provide code to "float" the feed, but I think it could potentially cause issues. I suggest using the alternative method Eric used, and display to right instead of left. Change float: left; TO float: right;

Do keep in mind, only you and Admins can see the Design Studio/Dashboard icons being moved to right.

Best Regards,

Jen

Thank you Jen, you are something special!

I often wonder, what would Ning be with out you. You are awesome in this place. Thank you Jen.

awww, thanks.

=)

Excellent  idea... thanks for sharing..

Glad you like it.

=)

Jen, is there a way to tie this into the RSS feeds for our blogs for example?

RSS

What's Up With Ning 3.0?

Click here to share your thoughts on what features we should develop next! - Survey will close Friday, 4/25

Projects that the Ning 3.0 Team is currently working on: 

Articles - a new way of organizing longer content pieces. Released 4/16.

Activity Feed Updates - options for more content in the activity feed.

Forum Notifications - ability for members to opt into receiving notifications of new discussions in forums. Released 4/9. 

APIs - The ability to create new members and content programatically.

For more information on what's next, visit the Product Roadmap

Latest Activity

Jelena replied to Riccardo Rossini's discussion 'Please Ning staff'
"Same as SE. That would be a problem with the Trademark name.."
1 hour ago
soaringeagle replied to Riccardo Rossini's discussion 'Please Ning staff'
"same on all sites its a bug"
1 hour ago
Jelena replied to Riccardo Rossini's discussion 'Please Ning staff'
"Hi Riccardo I see no navegation on your network"
1 hour ago
Aaron replied to Rainer Glaap's discussion 'Heartbleed, MITM - Security Issues'
"Thanks for bringing this up! As Rainer mentioned, Ning.com wasn't vulnerable to the Heartbleed…"
2 hours ago
Khatlen Guse replied to Stig Karlsen's discussion 'Problems with Facebook activity feed'
"Hi Stig! My feed its ok now! :) I hope that your is ok too."
2 hours ago
soaringeagle replied to Riccardo Rossini's discussion 'Please Ning staff'
"id use that but to be safe make sure theres no copywrite on the pentaprism and if there is it…"
2 hours ago
Riccardo Rossini replied to Riccardo Rossini's discussion 'Please Ning staff'
"I know very well SE, I ensure you that it was a sort of gratitude for the new platform for us. I…"
2 hours ago
Riccardo Rossini replied to Riccardo Rossini's discussion 'Please Ning staff'
"Phil. I take the occasion just to ask you if you took alook at this, for me ot could be e very good…"
3 hours ago

© 2014   Created by Ning.

Badges  |  Report an Issue  |  Terms of Service