Change the style of blog posts

Prev Next

This article details how to change the style of blog posts.

Editing the appearance of blog posts

With the LIVE BLOGGING tool, editors can change the way blog posts display for end users.

Editors can change an individual blog post:

  1. Select the Properties edit icon in the Post-Creation Area of the live blog. 

  2. Select the property to edit in the Properties box.

Highlighting and aligning blog posts

In the Properties box, toggle on the Style option, and

  • Check Highlighted post to assign the tag Highlighted to the blog post.
    For example, if an important event takes place, editors may want to highlight a particular blog post.

  • Select the blog post alignment, which results in assigning the tag Post alignment: left, Post alignment: center, or Post alignment: right to the blog post.
    Imagine the blog covers a football match. The post alignment allows to display on the left posts about the home team and on the right the away team ones. When posts describe the match, they can be displayed in the center.

Content alignment front-end example:

Sponsoring blog posts

In the Properties box, toggle on the Sponsored Post option and select the sponsor to display with the blog post. See Add adverts and sponsored posts for more information.

Sponsoring posts front-end example:

Adding a reporter to a blog post

It's possible to include a quote from a pundit or a statement from your club's Communications department.

To do this, in the Properties box, toggle on the Reporter option, and

  • Select the reporter for the blog post. See Create a reporter for more information

  • Select the reporter's color

  • Select whether the reporter writes about the home, away team, or neutral

Adding a reporter front-end example:

Adding a graphic asset

In the Properties box, toggle on the Graphic Assets option to select the desired graphic from the available dropdown box options, before selecting OK. Editors can add up to three graphics to one post (one per column), and can decide on the position of each one.

Adding graphics front-end example:

Pinned posts

Live blogs often display a post at the top that introduces it. It's the pinned post, which summarizes the blog's nature, giving end-users an idea of the content before following the live updates.

Pinned posts usually have a background color to distinguish them and do not have a time stamp as they relate to the entire blog.

Add pinned posts by selecting the Pin icon in the top-right corner of a blog post before publishing it. There is no limit to the number of pinned posts in a blog, however, we find having just one is more effective.