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.

../../../_images/blog-layout.svg

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

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 sizes of ads to appear above and next to your blog posts.

  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 the Ads tab, under Supported Ad Sizes, click Add Ad Size. An Add Size form appears.

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

  5. Click Add Ad Size again.

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

    ../../../_images/blog-ad-size.png
  7. 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 the Page Defaults tab, under Module Placement, add a placeholder for the large advertisement above the blog post by doing the following:

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

    2. From the Add drop-down list, select Ad. A list box appears containing various ad options.

    3. Select one of the ad options. Your form looks similar to the following:

      ../../../_images/blog-module-above.png
  3. In the Page Layouts tab, under Module Placement, add a placeholder for the small advertisement wrapped within the blog post by doing the following:

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

    2. From the Add drop-down list, select Ad. A list box appears containing various ad options.

    3. Select one of the ad options. Your form looks similar to the following:

      ../../../_images/blog-module-aside.png
  4. In the Page Layouts tab, under Module Placement, add a placeholder for the reader comments by doing the following:

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

    2. From the Add drop-down list, select List. A form appears.

    3. In the Title field, enter Reader Comments.

    4. From the Items list, select Dynamic. A form appears.

    5. From the Types list, select Article.

    6. In the Items Per Page field, enter 10.

    7. In the Time Period field, enter 50. Your form looks similar to the following:

      ../../../_images/blog-reader-comments.png
  5. Under Video, from Default Playlist, select None.

  6. Under Type Specific Overrides, don’t make any changes.

  7. Click Save.

Step 4: Add Action Bar

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

Your blog’s web site is set up!

Step 5: Add Content

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

  1. From the Brightspot header, click in the search field. The Search Panel appears.
  2. Under Create, select Article and then click New. The content edit page appears.
  3. Write your blog post 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 Publish widget, click Save Draft. The permalink appears in the URLs widget.
  6. In the Publish widget, click Publish.

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