I'll Help You: December 2013

How to add an RSS feed to Tumblr using Javascript 2014. I'm no expert when it comes to using Tumblr. However, I have had a Tumblr account sitting there doormant for quite some time. I work with other platforms, mainly Wordpress and Blogger. Recently I wanted to make a new Tumlbr blog in order to use it to promote an RSS feed from a footwear website I have. I was shocked to read that Tumblr have removed the RSS function from there website. So I thought, there must be a way to display a feed. After reading countless websites about how to add a feed it quickly came apparent that mostly all were out of date and not relevant anymore. The other few where quite confusing in terms of setting up this and that, getting 2 secret keys API etc etc. You get the idea. There is an easier way to add a quick RSS feed to Tumblr, and that's by converting the feed into Javascript.

Here is how I generate an RSS feed that will work on Tumblr:

Get your RSS feed address that you want to use on Tumblr.

Example: This blogs RSS feed: http://ill-help-u.blogspot.com/feeds/posts/default

Go to: http://feed2js.org/ and enter your RSS feed address into the box that asks for it. Use the options on the page to build what you want your feed to display.

Example: Number of items to display, show a description etc. Then click preview to check that the feed looks OK. Once your happy with how the feed displays click generate.

You should now have a few lines of code in the generated box that will look like this:

<script language="JavaScript" src="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fill-help-u.blogspot.com%2Ffeeds%2Fposts%2Fdefault&chan=y&num=5&utf=y" charset="UTF-8" type="text/javascript"></script>

<noscript>
<a href="http://feed2js.org//feed2js.php?src=http%3A%2F%2Fill-help-u.blogspot.com%2Ffeeds%2Fposts%2Fdefault&chan=y&num=5&utf=y&html=y">View RSS feed</a>
</noscript>

Copy all the code from the generated box and go over to Tumblr.

Note: Your feed is added automatically to the code.

On Tumblr click the website you want to display the feed on and go to the "Posts" page like your going to create a post. Out of the Tumblr post options, add Text, Photo, Quote, Link etc. Click the Text option.

Now first, click the html option from the featured tools at the top. It looks like this <html> and is located on the right hand side. Make sure that <html> is highlighted. Then paste the Javascript code that you copied earlier into the text box where you would usually write your text. Save the post and then open the post to check it out. You should now have an RSS feed displaying on Tumblr.

Pretty sure this will work using the make a "Page" feature of Tumblr as well as other Tumblr options that allow HTML and / or Javascript, such as the side bar.

Please Note: A lot of feeds are different and some will display images as well as text and others don't by default. For example, Wordpress won't show images in an RSS feed by default and as a result needs a plugin to do so. There are several available. Here's one in case you need it: http://justintadlock.com/archives/2008/01/27/custom-fields-for-feeds-wordpress-plugin

Hope this helps you out.

I'll Help You

To Add Import RSS Feeds To Tumblr 2014

Popular Posts