{"id":2858,"date":"2020-05-05T11:34:40","date_gmt":"2020-05-05T11:34:40","guid":{"rendered":"https:\/\/taggbox.com\/support\/?p=2858"},"modified":"2020-12-23T05:25:10","modified_gmt":"2020-12-23T05:25:10","slug":"how-to-embed-flickr-gallery-on-html-website","status":"publish","type":"post","link":"https:\/\/taggbox.com\/support\/how-to-embed-flickr-gallery-on-html-website\/","title":{"rendered":"How to Embed Flickr Gallery on HTML Website?"},"content":{"rendered":"\n<h2 class=\"wp-block-heading\"><strong>Embed Flickr Gallery on HTML Website<\/strong><\/h2>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p><em>Try Taggbox Widget \u2013<\/em><a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\"> Start Your 14 Days For Free<\/a><\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">To create and <a href=\"https:\/\/taggbox.com\/support\/how-to-embed-flickr-gallery-on-website\/\">embed Flickr gallery on your website<\/a>, you need to follow the given steps-<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">First, Login or Sign-Up to <a href=\"https:\/\/app.taggbox.com\/widget\/\">Taggbox Widget<\/a>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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\/signup-page-32-1024x484.png\" alt=\"Signup &amp; Login to Taggbox Widget\" class=\"wp-image-6237\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-32-1024x484.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-32-300x142.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-32-768x363.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-32-1536x727.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/signup-page-32.png 1600w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You will be redirected to your <strong>Taggbox Widget Dashboard<\/strong>.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-4-1024x547.png\" alt=\"Taggbox Widget Dashboard\" class=\"wp-image-7478\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-4-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-4-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-4-768x411.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/taggbox-widget-4.png 1302w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">On the dashboard, click on&nbsp;<strong>Add Social Feeds<\/strong>&nbsp;to add Flickr Gallery on your widget.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"547\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-35-1024x547.png\" alt=\"Add Flickr Feeds\" class=\"wp-image-6240\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-35-1024x547.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-35-300x160.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-35-768x411.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/add-social-feeds-35.png 1302w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">In the popup&nbsp;<strong>\u201cPick a Source\u201d<\/strong>&nbsp;that appears, select&nbsp;<strong>Flickr&nbsp;<\/strong>as your source of aggregating feeds.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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-66.png\" alt=\"Choose Flickr\" class=\"wp-image-6241\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-66.png 745w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-source-66-300x249.png 300w\" sizes=\"(max-width: 745px) 100vw, 745px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 5<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You\u2019ll get a new Pop-up&nbsp;<strong>\u201cCreate Flickr Feed\u201d<\/strong>. Here, you will see two choices for adding feeds which are:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Hashtag(#): <\/strong>To fetch Flickr photos via Hashtag, enter your Flickr Hashtag.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"713\" height=\"336\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/flickr-hashtag-4.png\" alt=\"Choose Hashtag to Embed Feeds\" class=\"wp-image-6242\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/flickr-hashtag-4.png 713w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/flickr-hashtag-4-300x141.png 300w\" sizes=\"(max-width: 713px) 100vw, 713px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Handle(@):<\/strong> To fetch Flickr photos from a Handle, enter the Flickr Handle.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"714\" height=\"339\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/flickr-handle-4.png\" alt=\"Choose Handle to Embed Feeds\" class=\"wp-image-6243\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/flickr-handle-4.png 714w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/flickr-handle-4-300x142.png 300w\" sizes=\"(max-width: 714px) 100vw, 714px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 6<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Choose your aggregating method and enter the input accordingly.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Finally, click&nbsp;<strong>\u201cCreate Feed\u201d<\/strong>&nbsp;button to start processing of aggregating feeds.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Great, The Connection will be created and within a few moments posts will appear on the Widget editor.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Embed Flickr Gallery on HTML Website<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">To embed Flickr gallery on your HTML website you need to follow below steps<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 1<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Click&nbsp;the&nbsp;<strong>&#8220;PUBLISH<\/strong>&#8221;&nbsp;button on the bottom-left of the screen, You can also see the &#8220;<strong>PREVIEW<\/strong>&#8221; of how your feeds gonna look on different devices.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"1024\" height=\"490\" src=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-flickr-feed-4-1024x490.png\" alt=\"Preview &amp; Publish Flickr Feeds\" class=\"wp-image-6244\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-flickr-feed-4-1024x490.png 1024w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-flickr-feed-4-300x143.png 300w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-flickr-feed-4-768x367.png 768w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-flickr-feed-4-1536x735.png 1536w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/preview-publish-flickr-feed-4.png 1583w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 2<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">On the dialog box of&nbsp;<strong>\u201cChoose Your Platform,\u201d<\/strong>&nbsp;select&nbsp;<strong>\u201cHTML\u201d<\/strong>&nbsp;as your website platform&nbsp;to generate code.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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-8.png\" alt=\"Choose HTML\" class=\"wp-image-6246\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-html-platform-8.png 709w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-html-platform-8-300x192.png 300w\" sizes=\"(max-width: 709px) 100vw, 709px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 3<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Set width and height type as per your requirements. Click on <strong>Get Code<\/strong><\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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-11.png\" alt=\"Choose Height for HTML\" class=\"wp-image-6247\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-11.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/choose-height-11-300x135.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Step 4<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Copy<\/strong> the generated code and paste it into your HTML webpage body tag, where you want to embed the Flickr Gallery.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\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-10.png\" alt=\"Embed Code HTML\" class=\"wp-image-6248\" srcset=\"https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embed-html-code-10.png 639w, https:\/\/taggbox.com\/support\/wp-content\/uploads\/2020\/12\/embed-html-code-10-300x194.png 300w\" sizes=\"(max-width: 639px) 100vw, 639px\" \/><\/figure><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Great! You have successfully embedded Flickr feeds on your HTML website.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<blockquote class=\"wp-block-quote is-style-large is-layout-flow wp-block-quote-is-layout-flow\"><p>Try Taggbox Widget To Embed Flickr Feed \u2013<a href=\"https:\/\/app.taggbox.com\/widget\/accounts\/register\"> Start Your 14 Days For Free<\/a><\/p><\/blockquote>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">If you have any questions or need help, please<a href=\"https:\/\/taggbox.com\/contact-us\/\"> contact us<\/a> or write us at support@taggbox.com<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Embed Flickr Gallery on HTML Website Try Taggbox Widget \u2013 Start Your 14 Days For Free To create and embed Flickr gallery on your website, you need to follow the given steps- Step 1 First, Login or Sign-Up to Taggbox Widget. Step 2 You will be redirected to your Taggbox Widget Dashboard. Step 3 On [&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":[219,220],"class_list":["post-2858","post","type-post","status-publish","format-standard","hentry","category-getting-started-widget","tag-embed-flickr-gallery","tag-embed-flickr-album"],"_links":{"self":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2858","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=2858"}],"version-history":[{"count":0,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/posts\/2858\/revisions"}],"wp:attachment":[{"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/media?parent=2858"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/categories?post=2858"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/taggbox.com\/support\/wp-json\/wp\/v2\/tags?post=2858"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}