> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.dropinblog.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Adding a blog post

When you create your DropInBlog account, four demo posts will automatically show under the **Posts** tab.

Before you start adding your own content, you may want to delete the demo posts from your account.

To do that, visit the **Posts** page **(1)**, then click on the **kebab menu (2)** on the right side of the blog post you want to delete and select **Move to Trash (3**) from the dropdown.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/delete-blog-post-from-dropinbl_14wecl7.png)
## Adding a new blog post
From your DropInBlog admin account, select the **Posts (1)** tab from the menu on the left, then click on **Add Blog Post (2)**.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/add-new-blog-post-in-dropinblo_1pl70u6.png)
This will open the post editor where you can paste or type your new blog post content.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/dropinblog-content-editor_1pczcrs.png)
**Post Title**: Start by adding your title.

**Content**: Then add the actual blog post.

| If you are pasting your content from an external editor (such as Google Docs or Word), you don’t need to worry about recreating the formatting. DropInBlog’s editor will automatically apply the styling to your blog post.
To start a post from scratch, you can write your post in the content section and use our editing options to format your post.

The text you type into the content editing area will default to normal paragraph-based text.

If you want to add headings to your post, select one of the available options from the editor’s top menu bar.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/heading-styles-dropinblog-edit_10kh3x.png)
The title of your post will automatically be formatted as an H1 heading.

Creating additional H2, H3, or H4 headings throughout your blog post will ensure they are recognized accurately for SEO purposes.
## Understanding all our editing options
Here is a rundown of the available formatting options and elements you can add from the content editor’s top menu bar.

**Headings** – add H2, H3, and H4 headings to your content.

**Paragraph styles**  – used to give text a specific level of emphasis within a blog post.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/paragraph-styles-in-content-ed_1pnolfb.png)**Lead paragraph** – used for emphasizing the opening paragraph.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/lead-paragraph-style_hxawfs.png)**Callout** – the default callout style uses a soft yellow background with a slightly darker yellow border. Used for tips, reminders, and information readers shouldn’t miss.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/default-callour-paragraph-styl_fgujmg.png)**Callout light** – a calm, neutral option for side notes and extra context that doesn’t need too much emphasis.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/callout-light-paragraph-styles_a3rk3d.png)**Callout dark** – uses a near-black slate background with white text. Used for drawing strong attention to critical information.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/callout-dark-paragraph-styles_h4lyi9.png)**Fine print** – used for adding sources, disclaimers, or supporting notes.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/fine-print-paragraph-styles_b7kto7.png)**Unordered list** – adds a default bulleted list to a post.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/unordered-list-dropinblog-cont_1m5ngc1.png)**Ordered list** – adds a default numbered list.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/ordered-list-dropinblog-conten_1ni3pds.png)**Insert image** – opens the File Manager where you can select an existing image or [upload a new one](https://docs.dropinblog.com/en/article/adding-images-and-files-to-your-blog-post-90qngj/).
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/insert-image-in-dropinblog-con_nupt5j.png)**Insert video** – opens a menu where you can [add a video URL or embedded code](https://docs.dropinblog.com/en/article/how-to-add-videos-to-your-blog-post-1mddmgc/) to insert into your blog post.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/insert-video-dropinblog-conten_o8k1gr.png)**Insert CTA button** – [inserts a call-to-action button](https://docs.dropinblog.com/en/article/how-to-add-a-cta-to-your-blog-post-rr28hd/) where your mouse cursor is placed.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/insert-call-to-action-button-d_1ijr0zt.png)**Insert product** – opens a new window where you can find and [insert your store’s products](https://docs.dropinblog.com/en/article/how-to-add-products-to-your-blog-posts-j2m1vw/) into a blog post.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/insert-a-product-dropinblog-co_1y01hwn.png)**Insert Smart Snippet** – opens a new window where you can find and [insert a Smart Snippet](https://docs.dropinblog.com/en/article/how-to-use-smart-snippets-on-your-blog-1gu66ab/) into a blog post.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/insert-smart-snippet-dropinblo_mdgo4s.png)The **kebab menu** on the right will open additional options that are available within the editor.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/additional-options-in-dropinbl_1haazxn.png)**Insert table** – adds a table to your post after you specify the number of rows and columns you want it to have.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/insert-table-dropinblog-conten_b4x1is.png)**Blockquote** – used for citations and quotes.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/adding-blockquote-content-edit_7rmcb8.png)**Insert code** – used for adding formatted code into blog posts.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/code-block-dropinblog-content-_rdikhb.png)**Insert horizontal line** – inserts a horizontal line where the cursor is placed; it can be used to visually divide post sections.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/horizontal-line-dropinblog-con_19cwh0z.png)**Align** – used for aligning your content. Available options include: left, right, center, and justify.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/align-options-dropinblog-conte_w6l3su.png)**Decrease indent** – used to adjust indents; it shifts the text to the left.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/decrease-indent-content-editor_v2vk6s.png)**Increase indent** – used to adjust indents; it shifts the text to the right.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/increase-indent-content-editor_1cw8f1.png)**Special characters** – inserts a special character into your content. Supports Latin, Greek, Cyrillic, currency, arrows, math, punctuation, and other characters.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/special-characters-dropinblog-_1szfng4.png)**Emoticons** – adds an emoticon to a blog post.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/emoticons-dropinblog-content-e_19aujla.png)**Insert columns** – allows you to create a content section with two or three columns.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/columns-dropinblog-content-edi_1nsh412.png)Another set of options shows up when you highlight any of your blog post text.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/inline-elements-dropinblog-edi_1b6msuq.png)As shown in the image above, these options allow you to add a link to the selected text (1), bold (2) or italicize it (3), and remove all formatting options (4).

The kebab menu on the right offers a few more options.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/additional-inline-options-cont_aenq4u.png)These include:

**Inline code** – adds code on a single line of text.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/inline-code-dropinblog-content_o6zpto.png)**Strikethrough** – can be used to show that particular text is incorrect.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/strikethrough-dropinblog-conte_1mahxkf.png)**Small text** – decreases the text size on a line level.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/small-text-dropinblog-content-_g119k1.png)**Superscript** – used for inserting a letter, figure, or symbol slightly above the normal line height of your text.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/superscript-content-editor_1yukftx.png)**Subscript** – used for inserting a letter, figure, or symbol slightly below the normal line height of your text.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/subscript-dropinblog-content-e_13xjowj.png)From the right side of the editor’s navigation bar, you can access the Code view, which allows you to edit the actual HTML of the post directly. This is for advanced users who know HTML.
![](https://storage.crisp.chat/users/helpdesk/website/-/1/3/f/1/13f179d913687a00/code-editor-dropinblog_13td0z5.png)Using these options, you can create and format your blog posts according to your preferences.

Before publishing a post, we recommend reading our guides on [how to set your posts' SEO](https://docs.dropinblog.com/en/article/dropinblog-seo-analysis-and-total-seo-score-weo14h/) (these features appear below the post editor) and how to adjust your [blog post's settings](https://docs.dropinblog.com/en/article/blog-post-settings-1xkd9nu/) (these features are on the right-hand side of the post editor). These articles are highly recommended because your post's SEO and settings are almost as important as your content.

Happy blogging!