Skip to main content

Adding a Juicer feed into a Tumblr post

Permanently deleted user
  • Updated
Steps for displaying a Juicer social feed within your Tumblr blog entry.

There are a couple methods for adding a Juicer social media feed to a Tumblr blog post. The easiest is to use the Juicer <iframe> embed.

First, make sure you have signed up for Juicer.

Then, visit your Tumblr dashboard and create a new "Text Post"

In the upper-right corner, click on the "Settings" Gear Icon

Click on the menu that says "Text Editor" and change it to "HTML"

Then paste in the iframe version of your embed code:

And hit "Post"

The post should then contain your Juicer feed.

If you'd prefer to use the standard Juicer embed code instead of the iframe, it requires a few more steps. 

First, click on the "User" icon at the top of your Tumblr dashboard:

Then under the blog you want to add the Juicer feed for, click "Edit Appearance"

Then on the next page, click on "Edit Theme"

And then on the next page "Edit HTML"

On the next page, in the search field, enter </head> (we're adding this code to the very end of the) <head></head>

Then, right above the tag, enter in the first two lines of your Juicer embed code:

 Which are:

<script src="//assets.juicer.io/embed.js" type="text/javascript"></script><link href="//assets.juicer.io/embed.css" media="all" rel="stylesheet" type="text/css" />

 (Feel free to copy and paste this part from here, the first two lines are the same for everyone).

Then click "Update Preview" and then "Save" to keep this change.

Then, go back to your Tumblr dashboard and click on New "Text Post"

In the upper right corner, click on the "Settings" Gear Icon

Click on the menu that says "Text Editor" and change it to "HTML"

Copy and paste the remaining part of your embed code, the <ul> into the post, and publish!

The last portion of your embed code should look similar to this:

<ul class="juicer-feed" data-feed-id="YOUR_FEED_NAME"></ul>

The post should then contain your Juicer feed.

 

If you have any questions or need any help please email us at hello@juicer.io

Related articles

Comments

3 comments

Date Votes

Please sign in to leave a comment.

Powered by Zendesk