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. In Brightspot, a blog and a blog post are two different content types. A blog contains a list of blog posts, and a blog post contains the content for a single entry in the blog.

Blog Blog Post
../../../_images/blog-diag.svg ../../../_images/blog-post-diag.svg

Here are the steps for setting up a blog with the above structure.

Step 1: Create the New Site

Follow the directions in Creating a New Site.

Step 2: Set Up Ad Size

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, scroll to Ads.

  4. Under Ad Sizes, click add_circle_outline. An Add Size 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 100x100, then repeat for the ad to be sized at 800x200.

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

Step 3: Set Up 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 800x200 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 100x100 size.
  4. For the remaining fields, keep the defaults.

  5. Click Save.

  6. In Front-End, under Community, click the Commentable Types field and select Blog Post. Brightspot adds forms for visitors to submit comments to blog posts.

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

Step 4: Add Action Bar

Follow the directions for setting up an action bar in Adding an Action Bar.

Step 5: Add Blog

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

  1. From 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 Initial Blog Post

  1. From 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.

    By default, Brightspot adds the blog post as a dynamic post to the blog. Dynamic posts are items that are subject to repositioning on the blog’s list of items. As new items are posted, previous dynamic posts are pushed down the list. In contrast, pinned posts are items that always appear in the same position on the blog’s list of items.

  7. If you want the initial post to appear in a pinned position in the blog:

    1. Open the blog that you created in Step 5.
    2. As described in the Dynamic Posts field, click edit and drag and drop the post to the Pinned Posts field.
    3. Republish the blog.

Wait a few minutes for your page to go live on the host, and view it at the permalink.