This article details how to change the style of blog posts.
Topics covered here:
- Editing the appearance of blog posts
- Highlighting and aligning blog posts
- Sponsoring blog posts
- Adding a reporter to a blog post
- Adding graphic assets to blog posts
- Pinned 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:
-
Select the Properties edit icon in the Post-Creation Area of the live blog.
- 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.