< All Topics
   

Add a blog widget to your website is one of the most effective ways to keep your content fresh, engage your audience, and improve your visibility in search engines. With the Hosted.com® Website Builder, the process is designed to be both intuitive and highly customizable.

The built-in Blog feature allows you to create, manage, and style your posts directly within the Website Builder environment, giving you complete control over how your content looks and functions. From layout selection to post formatting and visual enhancements, every aspect of your blog can be tailored to align with your brand.

This makes it an ideal solution for businesses, creators, and beginners who want a professional-looking blog without having coding knowledge, while still maintaining the flexibility to grow and evolve their content strategy over time.

How to Add a Blog Widget

Before you begin, ensure your Hosted.com® Site Builder plan is active.

1. Login to your Hosted.com® Client Area.

2. Navigate to Manage Services.

3. Select Website Builder from the left-hand menu.

How To Add A Blog Widget Using Website Builder - Hosted.com® Sign In Webpage

4. Click Launch Site Builder to open your workspace.

How To Add A Blog Widget Using Website Builder - Hosted.com® Sign In Webpage

Alternative method:

1. Go to your hosting service under Manage Services.

2. Click Manage next to your domain.

3. Select Website Builder from the Quick Access options.

5. From the main toolbar, drag and drop the Blog element onto your page.

6. Choose your preferred blog layout from the available design options.

7. Click on the Blog section and select New Blog Post from the right-hand toolbar.

8. Add your post details, including:

  • Featured image.
  • Title.
  • Date and time.
  • Category.
  • Publication status.

9. Enter your blog content in the text editor.

Once your content is added, your blog post will automatically appear in the blog section on your website.

Customizing Your Blog

You can easily personalize your blog to match your website’s design and branding:

Gallery Images

  • Select the blog Gallery section.
  • Open the Pictures settings in the right-hand toolbar.
  • Add or edit image titles, links, addresses, and descriptions.

Background Settings

  • Select the Gallery section.
  • Click Background in the toolbar,
  • Choose your preferred color and adjust opacity for a polished look.

Thumbnails

Fine-tune how your blog previews appear by adjusting:

  • Width, height, and padding.
  • Alignment.
  • Animation effects for default and hover states.

Filter Options

To improve navigation and usability:

  • Enable the text search filter option.
  • Add a search bar and filtering functionality for your blog posts.

Captions

Control how captions appear:

  • Choose display styles.
  • Set background colors.
  • Customize font and text styling.

Animation Effects

Enhance user experience with motion:

  • Select animation effects, direction, duration, and delay.

Date Format Configuration

To customize how dates appear on your blog posts:

  1. Select Listing in the right-hand toolbar.
  2. Locate Date format settings.
  3. Choose your preferred format using variables (year, month, day, time).
  4. Apply and close the settings.

This allows you to display dates in formats such as:

  • “06 November 2025”.
  • “2025/11/06 14:00”.

Additional Information

  • The Blog Widget within the Hosted.com® Website Builder is designed to offer both simplicity for users who want more control over how their content is presented, allowing you to build a fully functional blog without relying on external platforms or plugins that may complicate your workflow or impact performance.
  • The true value of the Blog Widget lies in its flexibility, as it enables you to manage multiple posts, organize content into categories, and maintain a consistent publishing structure that enhances both user experience and content discoverability over time.
  • It is also essential to understand that your blog’s effectiveness is not determined solely by adding posts, but by how well those posts are structured, formatted, and presented to your audience, which means taking advantage of layout options, visual elements, and filtering tools can significantly improve readability and engagement across your website.
  • Your blog is fully integrated into your website rather than hosted externally, and any updates you make, whether to design, structure, or content, are immediately reflected across your site.
  • For best results, we recommend that you regularly review your blog layout on both desktop and mobile devices, optimize images for performance, and maintain a consistent posting schedule to keep your audience engaged and your website content updated.

Login to Hosted.com® Account

1. Go to the Hosted.com® website Account Login page.

2. Enter your Email and Password and click the Sign In button.

How To Export A Databases Via SSH In cPanel - Hosted.com® Sign In Webpage

3. You will see the Hosted.com® Dashboard, displaying the Manage Account menu on the left and your Account Information, Account Overview and Open Support Tickets on the right.

Hosted.com® Dashboard Manage Services

Login to cPanel from your Hosted.com® Dashboard

4. Click on Manage Services to view the sub-dropdown menu and select the hosting package for the domain you want to work with – in our example we are using WordPress Hosting.

5. Click the Manage button to the right of the domain name you want to access.

Hosted.com® Dashboard WordPress Hosting

6. The display will now show Product Information, Quick Manage, Resource Usage and Site Statistics for that domain name.

Hosted.com® Dashboard Manage Services

7. Under Product Information, scroll down to Control Panel, which will display cPanel to the right, and click on the Login button.

Hosted.com® cPanel Dashboard

8. The cPanel Dashboard will now be displa

Was this article helpful?
Please Share Your Feedback
How Can We Improve This Article?