How to Embed Tumblr Feeds on HTML Website?

Embed Tumblr Feed on HTML Website

To embed Tumblr feeds, you need to follow the given steps-

Step 1:

Login or Sign-Up to Taggbox Widget account.

Login & Signup to Taggbox Widget

Step 2:

You’ll be redirected to Taggbox Widget Dashboard:

Create Widget by Taggbox

Step 3:

On the dashboard, click on “Add Social Feeds” to start adding Tumblr Feeds to your widget.

Add Tumblr Feeds

Step 4:

In the popup Pick a Source, select the “Tumblr” logo as a source of aggregating feeds.

Choose Tumblr to Embed Feeds

Step 5:

Here, you will see two choices for adding feeds which are-

1. HashTag(#): To fetch Tumblr feeds via Hashtags, enter your Tumblr Hashtag.

Choose Hashtag to Fetch Feeds

2. Handle(@): To fetch Tumblr feeds from your account, enter your Tumblr Handle.

Choose Handle to Fetch Feeds

Tip: To enable Moderation on the connection select “Manually approve posts before making them public”.

Step 6:

Choose the aggregating method and enter the input accordingly.

Then click on “Create Feed” button to complete the process of adding Tumblr feeds to any website.

Great, the Connection has been created and within a few moments posts will appear in the Widget editor.

Embed Tumblr Feed on HTML Website

To integrate Tumblr feeds on HTML website you need to follow the below steps-

Step 1:

Click the “PUBLISH” button on the bottom-left of the screen, You can also click the “PREVIEW” button to see how your feeds are gonna look like.

embed Tumblr Feed on HTML website

Step 2:

In the pop-up Choose Your Platform, Select the HTML logo as your website platform to generate the embed code for the HTML website.

Choose HTML Platform

Step 3:

Set width, height, and height type as per your requirements.

Select Height

Step 4:

Click on Get Code and copy the generated code and paste it into your HTML webpage body tag, where you want to display Tumblr feeds.

Embed Tumblr feeds html

That’s it! You have successfully embedded Tumblr feeds on your HTML website.

If you have any questions or need help, please contact us or write us at [email protected].