# Setup Blog Posts
## 1. Select Fresh Hub as your blog templates
* In your HubSpot account, click the **settings icon** settings in the main navigation bar.
* In the left sidebar menu, navigate to **Website** > **Blog**.
On the **Templates** tab, you can view or change the templates applied to your blog posts and blog listing page. You can also customize your listing page set-up and add custom HTML to your templates' header and footer.
* In the **Blog post** and **Blog listing** sections, click the **Actions** dropdown menu to manage your template:
* Select **Change template** to choose a different template. On the template selection screen, select your new **template,** then click **Done.** In the bottom left of your template settings, click **Save**.
* Select **Edit** to edit your template in the design manager. Learn more about [editing a blog post or listing template](https://knowledge.hubspot.com/blog/edit-your-blog-template-and-modules).
* Select **Preview** to see what your template looks like.
* In the **Listing page** section, set your preferences for your blog listing page, then click **Save** in the bottom left:
* Enter the **number** of posts you want to appear on your listing page.
* To display the content of blog posts up to the [*Read More* separator](https://knowledge.hubspot.com/blog/set-the-length-of-a-blog-post-summary) on your listing page, select the **Show summaries on listing page** checkbox.
* To display the featured images of your blog posts on your listing page, select the **Use featured image in listing summaries** checkbox.
* In the **Header HTML** and **Footer HTML** sections, enter any **custom HTML** you want to apply to your blog post and listing templates. To apply different custom HTML to your blog post template, click **Use custom header/footer HTML for blog posts**. When you've added your custom HTML, click **Save** in the bottom left.
## 2. Create and publish blog posts
### A. Create a new blog post
{% hint style="info" %}
To create a blog post, you need to have at least one Blog on your site. Please refer to [this guide](https://knowledge.hubspot.com/blog/create-a-new-blog) for how to create a new Blog.
{% endhint %}
* In your HubSpot account, navigate to **Marketing >** **Website >** **Blog**.
* In the upper right, click the **Create** dropdown menu and select **Blog post**.
* In the dialog box, select the blog you want to create your post on, then click **Create blog post**.
### B. Add content to your blog post
You can create your blog content from scratch or import from a Google Doc using a link or a connected Google account.
{% hint style="warning" %}
**Please note:** you must own the Google Doc that you're importing to create content. Google Docs shared with you by other users cannot be used.
{% endhint %}
To create content from scratch:
* Hover over the blog post title and click the **pencil icon** to customize the title for this post.
* Click the **post body** module in the editor to activate the rich text toolbar. Use this editor to add text, images, and other content to your post. Learn more about how to use the [rich text editor](https://knowledge.hubspot.com/articles/kcs_article/cos-pages-editor/create-and-edit-pages-in-hubspot#edit-content).
To import content from a Google Doc:
* In the rich text toolbar, click the **Advanced** dropdown menu and select **Import Google Doc**.
* In the dialog box, you'll see a list of any connected Google accounts. If you need to sign into your Google account, click **Connect a new account**. Then click **Accept and connect to Google**.
* To import a Google Doc from your connected Google account:
* Click the **email address** of your connected Google account.
* Select the **Google doc** you want to import into HubSpot. Then click **Select**.
* To import content using a link to a Google Doc:
* In the dialog box, click **From link**.
* Paste a sharing link to your Google Doc. Then click **Import**.
By default, your blog listing page will show the first paragraph of your blog post in the preview. You can customize how much text appears in the blog post preview by manually adding a *Read more* *separator*:
* In the post body, place your cursor where you want the preview of your post content to end.
* Click **Insert** and select **Read more separator**.
* Click the **More** handle and drag it into position as needed.
### C. Customize your blog post settings
* Click the **Settings** tab to customize your blog post's settings:
* Add or edit the blog title. This title appears on your blog content, and in search results. To use a different page title in search results for this blog post:
* Click **Customize blog's page title**.
* Enter a unique title for your blog post. This title will appear in search results and in title of the web browser used to view your blog post.
* Click the edit **pencil icon** to [update the URL](https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-do-i-change-the-url-of-a-page).
* Click the **Author** dropdown menu to select a [blog author](https://knowledge.hubspot.com/articles/kcs_article/cos-blog/how-do-i-create-a-blog-author).
* Click the **Tags** dropdown menu to add [blog tags](https://knowledge.hubspot.com/articles/kcs_article/cos-blog/create-and-manage-blog-tags).
* Enter a meta description for your blog post. This is the description that appears below your blog title on a search engine results page.
* Click the **Campaigns** dropdown menu to associate the post with a [campaign](https://knowledge.hubspot.com/articles/kcs_article/campaigns/associate-assets-and-content-with-a-campaign).
* Enable or disable the [featured image](https://knowledge.hubspot.com/articles/kcs_article/cos-blog/use-a-featured-image-in-a-blog-post-landing-page-or-website-page) feature. You can select a featured image from this blog post or select a new image.
* Click **Advanced options** to expand more settings, which are optional for your blog post.
* To customize the Head HTML of your post, add code snippets in the *Additional code snippets* field.
* In the *Template* section, you can [apply a different blog template](https://knowledge.hubspot.com/articles/kcs_article/cos-blog/how-can-i-edit-my-blog-template). Keep in mind that HubSpot blog templates are coded, so any design changes should be made with an experienced web developer. Learn more about the default [blog template markup](https://designers.hubspot.com/docs/hubl/blog-content-markup).
* Manage your blog [email notifications](https://knowledge.hubspot.com/articles/kcs_article/cos-blog/set-up-your-blog-subscription-features-in-hubspot).
* [Customize the canonical URL](https://knowledge.hubspot.com/articles/kcs_article/cos-blog/how-does-hubspot-address-duplicate-content-issues) if you have duplicate content.
### D. Review and optimize your blog post
[Use the optimize tool](https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-can-i-optimize-my-pages-for-seo) in the editor to review suggestions to improve your content for SEO best practices. To organize your overall content strategy, [attach your content to an SEO topic](https://knowledge.hubspot.com/articles/kcs_article/cos-general/how-can-i-optimize-my-pages-for-seo).
* At the top of the editor, click **Optimize**.
* You'll see groups of related SEO tips open in the left panel. Any items that needs action will have a red circle with the number of items that need to be addressed.
* Click a **grouping** to expand more details:
* SEO recommendations with a green checkmark have been completed.
* SEO recommendations with a grey checkmark need to be completed.
### E. Preview your blog post
To see how your blog post will appear to visitors, click **Preview** in the upper right.
1. **Device preview:** click **Open in new window** to see a live preview of your blog post in a new tab in your browser. This preview link will work before your post is actually published. Click **Copy shareable link** to copy the link to your clipboard to share it with your team. In order to view the preview link, your teammates must be logged into HubSpot.
2. Click **Full Post View** to preview the specific blog post you're editing. Click **Main List View** to preview your blog's homepage.
3. If you've [enabled Accelerated Mobile Pages (AMP) for your blog post](https://knowledge.hubspot.com/cos-general/how-to-use-accelerated-mobile-pages-amp-in-hubspot), click **Google AMP** to see how your blog will appear on a mobile device.
4. **Smart preview:** click the **Preview as** dropdown menu to preview how your blog post will appear for different contacts in your database.
* Select a **contact** to preview how [personalization](https://knowledge.hubspot.com/smart-content-user-guide/how-to-use-personalization-with-your-content) will appear based on that particular contact's property values. Click the second **dropdown menu** to select a specific contact from your database.
* Select a **smart rule** to preview how [smart content](https://knowledge.hubspot.com/smart-content-user-guide/what-is-smart-content) on your blog will appear to contacts who meet its criteria. Click the second **dropdown menu** to select a specific smart rule to preview.
5. **Device type:** click **Mobile + Tablet** to see a live preview of your page on a phone or tablet device. Click **Desktop** to see a preview of how your page will appear on a web browser.
### F. Publish or schedule your blog post
After you've added your content, optimized it for search engines, and previewed how it will look to visitors, you're ready to publish your blog post.
* Click the **Publish or schedule** tab and select **Publish now** to publish immediately, or **Schedule for later** to publish this post at a future date and time.
* If there are any required items missing from your page, you'll see an alert in the upper right corner of the *Publish* button.
* Once you've finished completing all the required items for your blog post, click **Publish.**
---
# Agent Instructions: Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.
Perform an HTTP GET request on the current page URL with the `ask` query parameter:
```
GET https://fresh-hub-docs.boostheme.com/setup-blog-posts.md?ask=
```
The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.
Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.