Embed @washborodems Tumblrs on Blogger site

embedTumblrPosts on @washborodems, both featured and recent posts

by Chris Vitalos

HTML

<!DOCTYPE html>
<html lang="en-US">
  <head>
		<!-- 
		.
		.
		.
		insert this inline Javascript just prior to the closing </head> tag -->
  <script>
		// -- DEBUG flag
		var DEBUG=0;
		// -- tumblrBlogID must be pulled from Tumblr v1 API response -- 
		var tumblrBlogId='LUac6L4yNZqXpt0LGidojg';
		// ------------------------------------------------------------
		function embedTumblrPosts(loc, limit, tag2ignore) {
    if (!tumblr_api_read) {
      console.log("tumblr_api_read json data block is empty!");
      return;
    }
    var response = tumblr_api_read.posts;
    var len = response.length;
    var block = document.getElementById(loc);
    var embedApiHref = "https://embed.tumblr.com/embed/post/"+tumblrBlogId+"/";
    var post;
    var recent;
    var html;
    for (var i = 0; i < len; ++i) {
			post = response[i];
		  if(DEBUG){
				console.log("id="+post['id']);console.log('url-slug: '+post['url-with-slug']);
				console.log("i="+i+" len="+len+" limit="+limit);

			}
      if(typeof post['tags'] !== 'undefined') {	
				if(DEBUG){console.log('post tag array:'+post['tags']);}
				if(post['tags'].includes('hidden')) {
					if(DEBUG){console.log('--Post Flagged to be hidden!');}
					++limit;continue;
				}
				if(typeof tag2ignore !== 'undefined' && post['tags'].includes(tag2ignore)) {
						if(DEBUG){console.log('--Post Flagged to be ignored! '+tag2ignore);}
						++limit;continue;
				}
      }
      dataHref = embedApiHref + post['id'];
      recent = document.createElement('div');
      recent.setAttribute("class", "tumblr-post");
      recent.setAttribute("data-href", dataHref);
      html = "&lt;noscript&gt;&lt;li&gt;&lt;a href='" +
        (post['url-with-slug'] || post.url) + "'&gt;" +
        (post['url-with-slug'] || post.url) + "&lt;/a&gt;&lt;/noscript&gt;";
      recent.innerHTML = html;
      block.appendChild(recent);
    }
  };
	</script>
  
  </head>

  <body>
    <h2>
    Featured Post
    </h2>
    <div id="FeaturedPost"></div>
    <script 
 ...