Mumblr Blog Content

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

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.3
  • Supported Devices: Desktop, Tablet, Phone

Release Log

  • 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)


 



 



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

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