Dew-Blog listing Page Layout 1

Nowadays everyone wants at least one blog section on his site or page. You can use a dew blog template for that, just add this module on your page and select your layout and blogs without touching a single line of code.

Section 1 

Hero banner section

General Setting: In the General setting of the banner, you can adjust the alignment /spacing and background.

Screenshot_107

Alignment and Spacing:  In the alignment and spacing setting, you can change the Content Alignment, margin, and padding.

                                                                                                 Screenshot_105-1

Background setting:

Here you get the options to choose the type of background, whether you want an image, some color, gradient, or none.

Screenshot_57

Heading and Description Text:

In this section, you can edit the content in the rich text editor.

Screenshot_123

 Then there is the image set, here you can remove/replace the image, adjust its size, maximum size and add the link to the image.

Once you are done with your editing, then apply changes.

Screenshot_122

Section 2

Cards Section

In the first part, we have used the rich text so that users can edit the content and can use all the features given by the rich module. The user can just click on it and use the module according to the use. 

Screenshot_124

Section 3

Listing Module

In this Blog listing module, you get the options to able or disable the feature, title, tag, author, publish date, description, and button in the blog cards.

Screenshot_125-1

Section 4

General Setting: In the General setting of the banner, you can adjust the alignment /spacing and background.

Screenshot_107

Alignment and Spacing:  In the alignment and spacing setting, you can change the Content Alignment, margin, and padding.

                                                                                                 Screenshot_105-1

Background setting:

Here you get the options to choose the type of background, whether you want an image, some color, gradient, or none.

Screenshot_57

Heading and Description Text:

In this section, you can edit the content in the rich text editor.

Screenshot_126-2

 Then there is the image set, here you can remove/replace the image, adjust its size, maximum size and add the link to the image.

Once you are done with your editing, then apply changes.

Screenshot_127-1

General Settings of Blog Page

How to edit the blog listing settings

  • Click on  the Gear Icon given at the top right side of your Hubspot account.
  • Now, you get the settings page.
  • On the left side, scroll down and navigate to Tools > Website > Blog.
  • In blog settings, you get the options to change the General Settings, settings of  template, Subscription, Date Format, Comments, Social Sharing and Google AMP.


Blog Category:- First of all, you need to choose the category of your blog.

Screenshot_132-1 

Available settings of Blog

General Settings: In this setting, you can change the blog name, blog header, page tittle, meta description, blog URL root, domain and blog slug.

Screenshot_133-1

Template Setting: In this setting, you can choose the template for blog post, template for listing pages, the number of posts per listing page. You can choose the summaries and images.

Screenshot_134-1

Screenshot_135

Subscription:  Here you can choose the Blog subscriber notification emails and number of posts in RSS Feed.

Screenshot_283

Date Formats: In this settings, you can choose the language for dates, publish date formats and post by month format. 

Screenshot_284

Comments settings: Here, you can enable or disable the comments, you can choose the persons whom you want to receive the new comments on this blog, the number of levels the comments can thread, confirmations message after comments are submitted.

Screenshot_285

Social Sharing: Here, you can choose the default the twitter account and the social sharing buttons.

Screenshot_286

Google AMP: You can upload the images,  change the image alt text, edit the header settings and body settings.

Under Header settings, you can change the header font, header font size, header font color and header background color.

Under body settings, you can change the body font, body font size, body font color and link color.

Screenshot_289

Once you are done with your editing, then click on the publish button.

If you have any Sales or Support related questions, you can anytime reach us at hubspot@webdew.com or visit this page.