Tags are subsets of categories and are great for organizing your blog posts. Think of them as keywords that are used to help your readers filter through your blog posts.
Each tag assigned to your post helps to narrow down your post topics and give your visitors an idea of what the post is about.
Step 1 | Add Tags Directly in Your Blog Post
You can add tags to any blog post as you're writing or editing a post. These appear in on your post page under each article.
- Go to your blog in your site's dashboard.
- Create a new blog post or open and existing post.
- Click Tags in the side panel on the left.
- Type in some relevant keywords in the text box and click Enter or Comma after each one.
- When you're ready, click Publish.
Step 2 | Customize your Post Page Tags
Once you've created some tags, you can then go and customize how they look. You can choose how the text appears in your tags, from alignment to font style and color etc.
- Go to your post page and click on a post.
- Click Settings.
- Click Display tab to enable the tag check box:
- Enabled: Tags are displayed on your post.
- Disabled: Tags are not displayed on your post.
- Click the Design tab.
- Click Tags.
- Customize the following:
- Show label: Click the Show label toggle to show or hide the tag label.
- Tag layout: Choose from either a button layout or a text layout.
- Tag alignment: Choose to align the text in your tag in to the left, in the center or to the right.
- Vertical spacing: Drag the slider to change the amount of vertical space between each tag.
- Horizontal spacing: Drag the slider to change the amount of horizontal space between each tag.
- Vertical Padding: Drag the slider to change the vertical space around your tag text.
- Horizontal Padding: Drag the slider to change the horizontal space around your tag text.
- Font style & color: Click the Expand icon
to select a font style and click the color box to select a font color. - Background color: Click the color box to choose a background color and drag the slider to change the level of color.
- Border opacity and color: Click the color box to choose the border color and drag the slider to change the level of opacity.
- Border width: Drag the slider to change the width of the border.
- Corner radius: Drag the slider to change the corner radius.
Step 3 | Add a Tag Cloud Element to Your Site
You can also add a tag cloud element to your site. Any tags that you've created and are attached to at least one published post are displayed in the tag cloud.
- Go to the page where you want the element to appear.
- Click the My Blog icon
in your Editor. - Click Add Blog Elements.
- Scroll down and click on the Tag Cloud element to add it to the page.
Step 4 | Customize Your Tag Cloud Element
Once you've added your tag cloud to your site, you can then go and choose what's displayed in the element itself and also customize the layout and design to suit your needs.
- Click on the Tag Cloud in your Editor.
- Click Settings.
- Click the Display tab to customize the display settings:
- Show post count: Click the Show post count toggle to enable or disable it:
- Enabled: The amount of published posts a tag is connected to is shown
- Disabled: The amount of published posts a tag is connected to is not
- Order tags: Choose how you want your tags to be ordered:
- Most used: Each tag is ordered based on their frequency of use.
- Alphabetically: Each tag is ordered alphabetically.
- Number of tags displayed: Drag the slider to change the amount of tags displayed in your tag cloud.
- Click the Layout tab to customize the layout settings:
- Choose a tag layout: Choose from either a button layout or a text layout.
- Tag alignment: Choose to align the text in your tag in to the left, in the center or to the right.
- Vertical spacing: Drag the slider to change the amount of vertical space between each tag.
- Horizontal spacing: Drag the slider to change the amount of horizontal space between each tag.
- Vertical Padding: Drag the slider to change the vertical space around your tag text.
- Horizontal Padding: Drag the slider to change the horizontal space around your tag text.
- Click the Design tab to customize the design settings:
- Customize the regular design settings:
- Font style & color: Click the Expand icon
to select a font style and click the color box to select a font color. - Background color: Click the color box to choose a background color and drag the slider to change the level of color.
- Border opacity and color: Click the color box to choose the border color and drag the slider to change the level of opacity.
- Border width: Drag the slider to change the width of the border.
- Corner radius: Drag the slider to change the corner radius.
- Click the hover tab to customize the hover design settings.
- Font color: Click the color box to choose a color for the hover font.
- Background color: Click the color box to choose a hover background color and drag the slider to change the level of color for the hover background.
- Border opacity and color: Click the color box to choose the hover border color and drag the slider to change the level of opacity.