{"id":1768,"date":"2021-01-03T15:52:00","date_gmt":"2021-01-03T15:52:00","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=1768"},"modified":"2022-02-18T07:03:26","modified_gmt":"2022-02-18T07:03:26","slug":"how-to-embed-tumblr-feed-on-html-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-tumblr-feed-on-html-website\/","title":{"rendered":"How to Embed Tumblr Feeds on HTML Website?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\" id=\"embed-tumblr-feed-on-html-website\"><strong>Embed Tumblr Feed on HTML Website<\/strong><\/h2>\n\n\n\n<p>To <a href=\"https:\/\/taggbox.com\/blog\/embed-tumblr-feed-on-website\/\">embed Tumblr feeds<\/a>, you need to follow the given steps-<\/p>\n\n\n\n<p id=\"step-1\"><strong>Step 1:<\/strong><\/p>\n\n\n\n<p>Login or Sign-Up to&nbsp;<a href=\"https:\/\/app.taggbox.com\/widget\/\">Taggbox Widget<\/a> account.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1600\" height=\"757\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-2.png\" alt=\"Login &amp; Signup to Taggbox Widget\" class=\"wp-image-5579\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-2.png 1600w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-2-300x142.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-2-1024x484.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-2-768x363.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-2-1536x727.png 1536w\" sizes=\"(max-width: 1600px) 100vw, 1600px\" \/><\/figure><\/div>\n\n\n\n<p id=\"step-2\"><strong>Step 2:<\/strong><\/p>\n\n\n\n<p>You\u2019ll be redirected to&nbsp;<strong>Taggbox Widget Dashboard:<\/strong><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-16.png\" alt=\"Create Widget by Taggbox\" class=\"wp-image-5292\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-16.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-16-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-16-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/New-Dashboard-16-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<p id=\"step-3\"><strong>Step 3:<\/strong><\/p>\n\n\n\n<p>On the dashboard, click on&nbsp;<strong>&#8220;Add Social Feeds&#8221;<\/strong>&nbsp;to start adding Tumblr Feeds to your widget.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"1302\" height=\"696\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-5.png\" alt=\"Add Tumblr Feeds\" class=\"wp-image-5581\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-5.png 1302w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-5-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-5-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-5-768x411.png 768w\" sizes=\"(max-width: 1302px) 100vw, 1302px\" \/><\/figure><\/div>\n\n\n\n<p id=\"step-4\"><strong>Step 4:<\/strong><\/p>\n\n\n\n<p>In the popup&nbsp;<strong>Pick a Source<\/strong>, select the <strong>&#8220;Tumblr&#8221; <\/strong>logo as a source of aggregating feeds.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"745\" height=\"619\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-as-yelp-1.png\" alt=\"Choose Tumblr to Embed Feeds\" class=\"wp-image-5583\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-as-yelp-1.png 745w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-as-yelp-1-300x249.png 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure><\/div>\n\n\n\n<p id=\"step-5\"><strong>Step 5:<\/strong><\/p>\n\n\n\n<p>Here, you will see two choices for adding feeds which are-<\/p>\n\n\n\n<p><strong>1. HashTag(#)<\/strong>: To fetch Tumblr feeds via Hashtags, enter your Tumblr Hashtag.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"638\" height=\"306\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Tumblr-hashtag-1.png\" alt=\"Choose Hashtag to Fetch Feeds\" class=\"wp-image-7576\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Tumblr-hashtag-1.png 638w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Tumblr-hashtag-1-300x144.png 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/figure><\/div>\n\n\n\n<p><strong>2. Handle(@)<\/strong>: To fetch Tumblr feeds from your account, enter your Tumblr Handle.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-full\"><img decoding=\"async\" width=\"638\" height=\"306\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Tumblr-Handle-1.png\" alt=\"Choose Handle to Fetch Feeds\" class=\"wp-image-7578\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Tumblr-Handle-1.png 638w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/Tumblr-Handle-1-300x144.png 300w\" sizes=\"(max-width: 638px) 100vw, 638px\" \/><\/figure><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>Tip: To enable Moderation on the connection select \u201c<strong>Manually approve posts before making them public<\/strong>\u201d.<\/p><\/blockquote>\n\n\n\n<p id=\"step-6\"><strong>Step 6:<\/strong><\/p>\n\n\n\n<p>Choose the aggregating method and enter the input accordingly. <\/p>\n\n\n\n<p>Then click on <strong>&#8220;Create Feed&#8221;<\/strong> button to complete the process of adding Tumblr feeds to any website.<\/p>\n\n\n\n<p>Great, the Connection has been created and within a few moments posts will appear in the <strong>Widget editor.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"embed-tumblr-feed-on-html-website\"><strong>Embed Tumblr Feed on HTML Website<\/strong><\/h2>\n\n\n\n<p>To integrate Tumblr feeds on HTML website you need to follow the below steps-<\/p>\n\n\n\n<p id=\"step-1\"><strong>Step 1:<\/strong><\/p>\n\n\n\n<p>Click&nbsp;the&nbsp;\u201c<strong>PUBLISH<\/strong>\u201d&nbsp;button on the bottom-left of the screen, You can also click the \u201c<strong>PREVIEW<\/strong>\u201d button to see how your feeds are gonna look like.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"484\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-tumbler-feeds-1024x484.png\" alt=\"embed Tumblr Feed on HTML website\" class=\"wp-image-5591\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-tumbler-feeds-1024x484.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-tumbler-feeds-300x142.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-tumbler-feeds-768x363.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-tumbler-feeds-1536x727.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-tumbler-feeds.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<p id=\"step-2\"><strong>Step 2:<\/strong><\/p>\n\n\n\n<p>In the pop-up&nbsp;<strong>Choose Your Platform<\/strong>, Select&nbsp;the <strong>HTML<\/strong>&nbsp;logo as your website platform to generate the embed code for the HTML website.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"709\" height=\"454\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-html-platform-2.png\" alt=\"Choose HTML Platform\" class=\"wp-image-5592\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-html-platform-2.png 709w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-html-platform-2-300x192.png 300w\" sizes=\"(max-width: 709px) 100vw, 709px\" \/><\/figure><\/div>\n\n\n\n<p id=\"step-3\"><strong>Step 3:<\/strong><\/p>\n\n\n\n<p>Set width, height, and height type as per your requirements.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"639\" height=\"288\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-1.png\" alt=\"Select Height\" class=\"wp-image-5593\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-1.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-1-300x135.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/figure><\/div>\n\n\n\n<p id=\"step-4\"><strong>Step 4:<\/strong><\/p>\n\n\n\n<p>Click on <strong>Get Code<\/strong> and <strong>copy <\/strong>the generated code and <strong>paste <\/strong>it into your HTML webpage body tag, where you want to display Tumblr feeds.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"639\" height=\"414\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embed-html-code-2.png\" alt=\"Embed Tumblr feeds html\" class=\"wp-image-5594\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embed-html-code-2.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embed-html-code-2-300x194.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/figure><\/div>\n\n\n\n<p>That&#8217;s it! You have successfully embedded Tumblr feeds on your HTML website.<\/p>\n\n\n\n<p>If you have any questions or need help, please <a href=\"https:\/\/taggbox.com\/contact-us\/\"><strong>contact us<\/strong><\/a> or write us at <a href=\"mailto:support@taggbox.com\"><strong>support@taggbox.com<\/strong><\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Embed Tumblr Feed on HTML Website To embed Tumblr feeds, you need to follow the given steps- Step 1: Login or Sign-Up to&nbsp;Taggbox Widget account. Step 2: You\u2019ll be redirected to&nbsp;Taggbox Widget Dashboard: Step 3: On the dashboard, click on&nbsp;&#8220;Add Social Feeds&#8221;&nbsp;to start adding Tumblr Feeds to your widget. Step 4: In the popup&nbsp;Pick a [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[41],"tags":[],"class_list":["post-1768","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/1768","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/comments?post=1768"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/1768\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=1768"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=1768"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=1768"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}