Blogs

A blog is a series of original articles regarding a specific topic. Most commercial-grade blogs include a header, footer, blog post, reader comments, advertisements, and a feature for adding links to the blog posts on social media.

The following diagrams illustrate the relationship between a blog and individual blog posts.

../../../_images/blog-diagram.svg

Layout for blog

../../../_images/blog-post-diagram.svg

Layout for blog post

A blog (illustration on left) is a landing page that lists individual blog posts (illustration on right).

Setting up a blog

This section describes how to set up a blog.

Step 1: Create a new site

Follow the directions in Creating a new site.

Step 2: Configure ad sizes

In this step you specify the ads and their sizes.

  1. From the Navigation menu, select Admin > Sites & Settings.

  2. In the Sites widget, click the site you created in Step 1. The Edit Site widget appears.

  3. In Front-End, expand Ads.

  4. Under Ad Sizes, click add_circle_outline. A form appears.

  5. In the Width and Height fields, enter 100.

  6. Click add_circle_outline to add a second ad size.

  7. In the Width field enter 800, and in the Height field enter 200. Your form looks similar to the following:

    ../../../_images/blog-ad-size.png
  8. Click Save.

  9. Under Ad Modules, click add_circle_outline to select an ad service. A form appears.

  10. Fill out the form for an ad to be sized at 100×100, then repeat for the ad to be sized at 800×200. Your form looks similar to the following:

    ../../../_images/blog-ad-modules.png
  11. Click Save.

Step 3: Set up the page layout

In this step you create layouts for your header, footer, and main section. The main section’s layout includes an ad above the blog post and an ad wrapped within the blog post.

  1. Define the header and footer as described in Adding a header and footer.

  2. In Page Defaults, under Module Placement, add a placeholder for the large advertisement above the blog post:

    1. From the Above list, select Replace. A list of items appears.

    2. Click add_circle_outline and select Ad. A list box appears containing various ad options.

    3. Select the ad associated with the 800×200 size. Your form looks similar to the following:

      ../../../_images/blog-module-above.png
  3. Add a placeholder for the small advertisement wrapped within the blog post:

    1. From the Aside list, select Replace. A list of items appears.
    2. Click add_circle_outline and select Ad. A list box appears containing various ad options.
    3. Select the ad associated with the 100×100 size.
  4. For the remaining fields, keep the defaults.

  5. Click Save.

  6. Add a form for visitors to submit comments to blog posts. In Front-End, under Community, from the Commentable Types list, select Blog Post.

    ../../../_images/blog-reader-comments.png
  7. Click Save.

Step 4: Add an action bar

Follow the directions in Adding an action bar.

Step 5: Add a blog

Now you begin the hard work of developing and publishing content.

  1. In the header, click in the search field. The search panel appears.
  2. Under Create, select Blog and then click New. The content edit page appears.
  3. Set up your blog in the content edit form.
  4. In the Sites widget, from the Owner list, select your site. Brightspot applies the settings you made in the previous steps.
  5. In the Editorial toolbar, click Publish.

Step 6: Add an initial blog post

  1. In the header, click in the search field. The search panel appears.
  2. Under Create, select Blog Post and then click New. The content edit page appears.
  3. Write your blog post in the content edit form.
  4. In the Blog field, select the blog that you created in Step 5.
  5. In the Sites widget, from the Owner list, select your site. Brightspot applies the settings you made in the previous steps.
  6. In the Editorial toolbar, click Publish.

Pinning blog posts

Brightspot lists blog posts to blogs in reverse chronological order, so visitors to your blog see the most recent postings first. You can pin blog posts so that they always appear first in the list.

../../../_images/pinned-posts.svg

To pin blog posts:

  1. Search for and open the blog in the content edit page.
  2. Drag posts from Dynamic Posts to Pinned Posts.
  3. Reorder the pinned posts by dragging them with the mouse.
  4. Click Publish.