1. Home
  2. Getting Started
  3. Website Builder
  4. How to Add a New Blog Post to a Site Created by the Website Builder

How to Add a New Blog Post to a Site Created by the Website Builder

The Website Builder includes a powerful Blogging function and support for dedicated pages where you can post your blogs.

This Knowledgebase Article describes how to add a new blog to your website.

Creating your website doesn’t have to be a hassle. Our website builder makes it easy to create a beautiful website in minutes without coding or design skills.

How to Add a New Blog Post to a Site Created by the Website Builder

Step 1: Login to your cPanel. There’s a lot of ways to do this, but the sure fire easiest way is to login to your Client Area, then open your cPanel.

Step 2: Scroll down to the Software section and open the Website Builder:

Step 3: Your list of sites will load. Locate the site edit, then hover over that site and click the speedometer icon to login to the site.

Step 4: From the menu on the left, click Blog, then click Add New.

Step 5: The New Blog Post feature has a number of options you can configure. Let’s examine them.

Section 1 – Settings

Beneath Edit Post Settings, the “Settings” tab allows you to control the following settings for your new blog post:

  • Status & Visibility – In this section, you can control the following settings:
    • Post Title
    • Post Visibility
      • Published
      • Scheduled
      • Private
      • Password Protected
      • Draft
    • Publish Date
    • “Stick to the top of the blog” will sticky that post to the top of your blog.
    • Author – where you can change the author of the post if you have multiple authors.
    • Move to Trash
  • Permalink – In this section, you can control the following settings:
    • URL Slug – This is the URL of the post.
  • Categories – In this section, you can control the following settings:
    • The category or categories to which the Blog post is assigned or classified into.
  • Tags – In this section, you can control the following settings:
    • Add or remove tags to better classify and taxonomize the new blog post. This also helps with SEO and search results on your own website.
  • Featured Image – In this section, you can control the following settings:
    • You can upload a featured image to show as a thumbnail on posts and shares to your blog URL.
  • Excerpt – In this section, you can control the following settings: 
    • You can include an excerpt to be included when your URL is shared in social media and search engine results.
  • Discussion – In this section, you can control the following settings: 
    • Allow Comments – you can turn this feature on or off.
    • Allow Pingbacks and Trackbacks – you can turn this feature on or off.

Section 2 – Options

Beneath Edit Post Settings, the “Options” tab allows you to control the following settings:

  • Background Style
    • This is a setting that is specific to the page layout. You can change the whether the background appears as a normal background or if you want the background to change when you hover over it.
  • Background Type – This setting allows you to choose from the following settings:
    • None – There will not be a background. This means the background of the page will be white, unless otherwise stated in Custom CSS.
    • Color – You can specify a custom color for the background.
    • Gradient – You can specify a custom gradient. A gradient is a smooth transition between 2 or more colors, which can give a cool effect.
    • Image – You can upload a custom image to use as your background.
  • Box Style – This setting allows you to adjust the padding and margin for the box that contains your blog post.
  • Border Style – This setting allows you to control the following settings:
    • Normal – You can have a normal border which is always there.
    • Hover – You can have a border that only appears when the area it contains is hovered over.
    • Border Type – You can choose from the following border types:
      • Solid
      • Double
      • Dotted
      • Dashed
      • Grooved
    • Border Radius – You can adjust the radius of the border around the box it contains to give it rounder or sharper corners.
  • Font Style – This setting allows you to control the following settings:
    • Font Family – This setting will allow you to change the font used on the entire page.
    • Font Size – This setting allows you to change the size of the text used on the page.
    • Font Style – This setting allows you to choose from the following font styles:
      • Normal
      • Italic
      • Oblique
        • What is Oblique? Oblique type is a form of a type which slants slightly to the right. It is similar to Italic, but it does not use different glyph (individual letter) shapes.
  • Font Weight – This allows you to change the weight of the fonts used on the page.
  • Font Variant – If the font you have selected has a variant, you can select it with this setting.
    • Typical variants include, Small Caps and Big Caps.
  • Decoration Line – This is similar to subscript and superscript. You can choose to have a line placed above, beneath, or thru your text with this option.
  • Line Height – This will change the height of the line on which your text is written. With this option, you can adjust the spacing in between each line giving more room for the text to “breathe”, if you like.
  • Text Transform – With this setting, you can force the text on the page to be transformed to ALL CAPS or all lowercase letters.
  • Text Spacing – This setting allows you to change the spacing between each character. You can make your text l o o  k l  ik e  this if you want.
  • Word Spacing – This setting allows you to change the spacing between words. For example you can make the space    between    words   like   this.
  • Attributes – With this setting, you can apply custom attributes using code.
  • Custom CSS – if you want to change certain elements on the page using CSS, you can paste in the code to do that here.

Section 3 – Advanced

The Advanced Section allows you to control settings such as your trackbacks, custom fields, and post format.

Danger!

Your site will have a custom field called pagelayer-data along with a value. Do NOT delete this or the page will become inaccessible and it will not appear in your navigation layer correctly.

You can also change the header and footer settings.

This section is super handy if you need to insert code in these specific sections of your page. Some reasons why you may do this:

  1. You may need to insert code into the header of the page if you chose the the HTML verification method for Google Webmaster Tools or Google Analytics.
  2. You may need to insert code into the footer of the page if you need to insert a chat bot on your site.

Section 4 – Blog Body

If you didn’t notice yet, there’s no where to type your Blog out yet. That’s because you need to add it by adding widgets to the page. That’s why we saved this for the last section because you can’t see the widgets from this page view unless you click the “X” adjacent to the Edit Post Settings.

Look at the GIF below. Pay attention to the top left corner where the “Edit Post Settings” are.

Notice the Widgets appear when the Edit Post Settings is closed out?

You can build your Blog Post out by dragging a Title, Rich Text, and any other widgets you need from the widgets area into the area that says “Empty column, please drag widgets”.

Have a look at the blog post I created below:

When you’ve finished, be sure to click Publish located in the top left corner. This will publish your page.

Need to save a draft? No worries, click the Update button to save your place.

Don’t Forget Your Meta Tags!

The Website Builder gives you the option to edit the meta tags for EVERY page, including your Blogs. It’s best SEO practice to make sure these are on point for each page so you can do your best to reach as close to the top of Google, Bing, Yandex, Baidu, DuckDuckGo, and others as possible!

To access the Meta Tags area, click the hamburger menu located in the top right corner.

And that’s how you add a blog post to your site using the Website Builder!

Updated on August 26, 2021

Was this article helpful?

Related Articles

Need help?
We're always here for you. Submit a ticket or Chat with a live person.
Submit Ticket

Leave a Comment

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.