Blog Browser

Home / Widgets / Blog Browser

Get Started

All templates are free to try: Both free and premium. You never pay until you’re ready to publish your site.

Description

The Blog Browser widget makes it easy to build a list of posts. The list can be designed any way you like, and it can be grouped and ordered by date or title or category. It's quite the swiss army knife, and makes the job of blog-building a snap.

Before you can use this widget, you need to prepare the following:
  1. A content set. The blog can be in a managed or synched content set.
  2. A page to display the long-form article. This page can be built however you like, as long as the widgets use content-aware bubbles to link to the content set. (In fact, this page isn't needed to use the Blog Browser widget, although it's an integral part of almost every blog.)
  3. A page element to display each post inside a listing. The page element can be as simple as a single Link widget, or it can have an image and a summary field. The Blog Browser widget will use your page element as a "rubber stamp" to create a list of posts.
We recommend that you set the default context on the content set so that the size field is sufficiently large for your browser. If you do not change this setting, your browser will show at most 10 posts, which is usually not enough. Go to the content set's settings page and increase the size of the default context to 100, or a number large enough to hold all of your posts.

Once you have these pieces in place, you're ready to use the Blog Browser to create a list of posts. You can use it to build a blog index page, a monthly archive, or a list grouped by category.

Widget settings

Here's how to set up the widget:
  1. Add a single element to the "Blog Posts" collection. Yes, a single element, no matter the size of your blog. The system will treat this as a loop, and it will go through all of your blog posts. (Not actually all of your posts; it will load the "default context", which means it will load 10 or 100, or however many you set in the content set's settings.)
  2. Inside the Blog Posts collection, create a content-aware link to the ID field of your blog post.
  3. For "Group Posts By," create a content-aware link to the field you want to group by. For example, to group by date, create a link to the publish date of your blog post. Or to group by category, create a link to the category field. (See below for a note on categories and tags.)
  4. In the "Sort posts by" field, create a content-aware link to the field used for sorting within each group. For example, if you're grouping by date, you might sort each group by title. Or if you're grouping by category, you might sort by date. Or you can leave this field blank, to get the default sorting for your content set.
  5. Select the appropriate page element to display each post in your listing.
  6. You can optionally display counts for each group. Check the "show post counts" box.
  7. If you want the post groups to act as a collapsible accordion, choose that option in the select box. You can have the accordion groups initially closed or initially open.
Categories & tags

The Blog Browser widget is able to group your posts by categories or tags. The difference is that categories are one-per-post, and tags are multiple-per-post. (This distinction is a bit artificial, but it's useful as a naming convention.)

If your content set allows for multiple tags, the field you use in this widget must have the tags comma-delimited: e.g., "cookies, gluten-free, chocolate".


Screenshot


Need Custom Work?

Moboom's community of design, development, and marketing experts are ready to help create truly custom solution.

Publishers Wanted

Submit your templates, widgets, content, integrations, or services to the Market, and get paid for the value you create.