Mumblr Blog Content

http://www.muse-themes.com/products/tumblr-blog-content

Note: Mumblr v1.6 has been updated to allow for GDPR terms acceptance at Tumblr.com. See details in "GDPR Information" section below.

Whatever you call it, just don't think for a second that this is simply a blogging widget - it's so much more. Since Muse does not use a CMS (Content Management System), creating a blog has always been problematic in Muse; forcing users to display external blogs in iframes.

Our Tumblr Blog widget was built from the ground up with ease of use and functionality in mind. Rather than displaying in an iframe, the blog feed is displayed inline. This means full SEO indexing, and a setup that literally takes seconds. In addition to a typical blog integration, our widget works great for "latest news" or image feeds - all served up to your Muse website in realtime.

  • Widget Compatibility: Highly Compatible (No known issues when combining with other MuseThemes widgets)
  • Current Version: 1.6
  • Supported Devices: Desktop, Tablet, Phone

Release Log

  • 1.6: GDPR update: added automatic notification bar allowing visitors to go to Tumblr.com to agree to GDPR terms. Notification is only seen by EU users who have not previously accepted terms at Tumblr.com. (05/30/2018)
  • 1.5: Fixed Load More alignment issue. Adjusted load timing to more effectively address gaps and spaces in Gallery Layout (01/16/2017)
  • 1.4: Updated widget to comply with small Tumblr update (01/09/2018)
  • 1.3: Updated widget to address gaps and spaces sometimes seen in Gallery Layout mode (05/25/2017)
  • 1.2: Fixed content in read more lightbox not scrollable on mobile devices, performance optimizations (03/11/2016)
  • 1.1: Fixed height causing footer overlap (02/17/16)
  • 1.0: Adds collapsible panel functionality and support for responsive Muse
  • L11.4: Improved stability and smoothness during content load and "Load More" content (01/07/2016)
  • L11.3: Multiple improvements and fixes. Details (12/16/2015)




GDPR Information

Mumblr v1.6 update details: A notification bar will now appear for EU-based users that have not previously accepted Tumblr's terms. A link in the notification bar directs users (in a separate tab or window) to the terms compliance page at Tumblr.com. Once terms are accepted, the Mumblr feed will display after a page refresh.

Basic styling options for the notification bar can be found in the widget option panel. Additionally, custom text fields allow for multi-language support. Keep in mind that the notification bar will not appear if you have previously accepted Tumblr terms, or are visiting the page outside of the EU. If you have already accepted Tumblr terms and wish to test the notification in Mumblr v1.6, clear your browser's cookies or use an alternate browser.

Setup

  • If you don't yet have a Tumblr account, create one at Tumblr.com. Note your Tumblr ID.
  • Drag the widget from the library and drop into your project in Design mode.
  • Open the widget option panel and enter your Tumblr username. If you're using more than one Mumblr widget on the same page, be sure to use unique ID's for each.
  • At this point, you can preview your blog in-browser. If you have any trouble seeing the blog, double check yout Tumblr user name.
  • Mumblr can be used full width for a responsive feel, or fixed width. In the Main Configuration section, you will find 2 display styles:
    • Standard: Displays the blog entries in a vertical list, at the width set by the widget container
    • Gallery: Displays blog entries in a gallery/grid format, at the width set by the widget container. Use the columns setting to control the look and sizing of blog entries in the gallery.
  • Use the settings in the Main Configuration section as global settings for your blog feed. A couple settings to take note of:
    • Tags: You can use tags in powerful ways. By adding tags to specific posts in Tumblr, you can filter those posts by using tags in Mumblr. For example, if you had a site devoted to dog breeds and you tagged photos in Tumblr with specific dog breeds, you could create a gallery of one dog breed on your site by simply using the specific dog breed tag.
    • Load More: The "Load More" link can be turned off to create a dynamic single story news feed type of scenario. For example, if you wanted to feature a daily menu displayed on your restaurant website that changed everyday, you could turn off load more. When you create new menus on Tumblr, they will automatically display on your site, without a link to load more.
  • The remaining sections, "Post Settings" and "Content Styling" offer extensive control over content and styling. Expirement with various settings to achieve the perfect look and feel for your Mumblr blog content!


Commonly Asked Questions

What do I need to do to make my Mumblr feed compliant with GDPR law changes?

Simply update your widget to Mumblr v1.6. Mumblr itself requires no acceptance of terms, though since Mumblr uses Tumblr as the source of it's feed, acceptance of terms with Tumblr is required.

Does the notification display on page load, no matter what?

No. The authentication check that triggers the notification will determine whether Tumblr terms have been accepted on that browser. The notification will not appear unless Tumblr terms have not been accepted. Once accepted, the notification will not re-appear.

Can site visitors just accept Tumblr terms on my page – without leaving?

Unfortunately not. GDPR law is very clear, and acceptance of Tumblr terms must take place at Tumblr.com. We've integrated the notification in the most seamless way possible. If the user follows the link to the Tumblr terms page, this takes place in a new tab or window, avoiding the need to use the browser back button. Refreshing the page restores the Mumblr feed after acceptance of terms. If the notification is closed without acceptance of terms, Mumblr will not display a feed. The rest of the page content will load as expected.

I'm not in the EU. Will my site show the notification?

Your site will only show the notification for users visiting your site on a web browser based in the EU, who have not previously accepted terms at Tumblr. So if you're in the USA, for example, USA-based visitors will not see the notification.

Why does my blog overlap my footer?
A super simple way to correct this is to place an element below the blog widget in Muse design mode. Something like a rectangle with an empty fill will work great. See an example in the video above, right around 9 minutes, 15 seconds in.

Can I create a background fill for my blog, separate from my page fill?
Yes! A neat trick to accomplish this is to place a rectangle behind the widget, just larger than the widget container. Use whatever color you like in the rectangle. You will find that the rectangle extends to match the length of the blog feed, regardless of height. See an example in the video above at 8 minutes, 20 seconds in.

Do I have to redirect to Tumblr's site when people click on a post or image?
Nope! The updated current version gives the option of opening a lightbox in addition to redirecting to Tumblr.

Why isn't my Typkekit font working in the blog?
Learn how to fix it: Getting Web Fonts to Play Nice with Toolbox Widgets

Is Mumblr SEO-friendly?
Yes! Mumblr content is indeed indexed by Google.

The long answer:

Our Mumblr widget uses Javascript to pull in the content inline. So basically there's code that says "go fetch this content, pull it into the site and place it here". We wrapped that content in CSS, which gives us the ability to style it up as you see fit using the widget panel.

Now the interesting here is that when you "View Source" on a site that uses the Mumblr widget, the content isn't obvious within the code - that's because the Javascript needs to run to pull everything in. We did a ton of research, and it turns out that Google DOES run the JS prior to indexing the site content, which means it absolutely will see and index all of that Tumblr content within your site (call this "dynamic content").

Here's a great link explaining how Googlebot indexes dynamic content - this is from SearchEngineLand, which is a highly reputable source for SEO news (look for section #3- Dynamically Inserted Content): http://searchengineland.com/tested-googlebot-crawls-javascript-heres-learned-220157


Known Issues/Conflicts

No known issues or conflicts


Bonus

Demo 4-Pack: The individual product page download includes a 4-pack of Mumblr content feed templates. Each template has functioning instances of Mumblr showing off creative ways to use the widget for more than just blogging. Use these templates to drop into an existing page, or to kickstart an entirely new dynamic site!

Preview the demos

Product Page


Additional Info Links