How To Make Use Of Blogger Post Editor Tools (Beginner's Guide) – Faqontech

How to Make Use of Blogger Post Editor Tools (Beginner’s Guide)

by Ayorinde Ayodeji

I will teach you how to make use of blogger post editor tools for writing effectively, this will help you understand how blogspot post editor works.

In order to have the best post as a beginner in blogging.

It all starts with the first blog post.

So learning how blogger post editor will help you write effectively.

You picture yourself as a successful blogger, and you believe that blogging is everything you need.

But as soon as you start writing your first blog post, your feelings change.

Today, i will help you develop your writing skill.

I decided to write this blog post specifically for you.

To help you find your way and do only the things you need to do in order to achieve success.

This article is all about how Blogger post editor tools works and shows how to use them.

How to Make Use of Blogger Post Editor Tools

Login your blogger dashboard

To the see the toolbar, you have to go to Blogger post editor page. Sign in to Blogger

  1. Sign in to Blogger with your Google Email and Password.
  2. In the left top, click this icon  and choose the blog.
  3. In the left menu, click Posts > New post or Edit post.

In the post editor page, you will see a toolbar like below —

Blogger Post Editor Toolbar

You see the tools are showing on the toolbar. To know the tools name, if you hover your mouse on each button then the name will appear.

✓ Also Read:  How To Add Facebook Comment Box To New Blogger Blog?

Difference between Compose and HTML Mode

Use Compose mode always. Using HTML mode would be difficult to you if you don’t have HTML knowledge. To see in compose mode, click Compose tab and click HTML tab to see in HTML mode.

Blogger Post Editor - Compose and HTML Mode

Undo and Redo

This Undo  and Redo  buttons are very useful to undo and redo your changes in a post.

Change Font, Font Size & Format

  1. Font — First, select the text then choose a Font .
  2. Font size — Choose a size  for the selected text.
  3. Format — There are 4 types of text format  in Blogger post editor ─
    • Heading — uses <h2> element, font size will be bigger.
    • Subheading — uses <h3> element, font size will be bigger but less than Heading.
    • Minor heading — uses <h4> element, font size will be bigger than normal size.
    • Normal — uses <p> element; font size is normal.
Blogger Post Editor - Change Font, Font Size, Format

Bold, Italic, Underline & Strikethrough Text

  • Bold — Select text then click  button to make text bold.
  • Italic — Click  button to make text italic.
  • Underline — Click  button to make underlined text.
  • Strikethrough — Click  to strike through text.
Blogger Post Editor - Bold, Italic, Underline and Strikethrough

Text Color & Text Background Color

  • Text color — To set text color, select text then choose a color from  button.
  • Text background color — To set background color, select text then choose a color from  button.

When you click the buttons then a Color Palette will appear like below ─

Blogger Post Editor - Color Palette
Blogger Post Editor - Add or remove link Button
Blogger Post Editor - Modal Dialog Box for Adding Link

Add link: Select text then click Add or remove link  button. A modal dialog box will open up ─

  • Text to display — The text you want to add link to it will be displayed in this field.
  • Web address — Insert a url (e.g.
  • Email address — You can use an Email instead of a Web address.
  • Check Open this link in a new window if you want to let the link open in a new tab or a new window of the Browser.
  • Check Add ‘rel=nofollow’ attribute if you don’t want to allow Search engines to follow or index this link.
  • And finally click OK button.
✓ Also Read:  All in One SEO Pack For Blogger Blogspot 2019 [Updated]

Remove link and Change: When you click a linked text will appear bubble panel including ─ link/web address, Change, Remove and Close  buttons.

Blogger Post Editor - Change and Remove Button after Clicking on a Link
  • Change — You can change or edit everything again.
  • Remove — Click this button to remove the link.
  • Close — To close bubble panel, click  button.

Insert Images

To insert images, first keep your mouse cursor on where you want to put the image then click Insert image  button. A light-box will appear which has 6 tabs ─

Blogger Post Editor - Modal Dialog for Inserting Image
  1. Upload — To upload images from your PC.
  2. From this blog — The images you’ve uploaded before in this blog.
  3. From Google Album Archive — The photos you’ve uploaded to other Google products.
  4. From your phone — The photos you’ve uploaded from your phone.
  5. From your webcam — The photos you’ve taken using your webcam.
  6. From a URL — Use an image url.

Insert a Video

Click Insert a video  button. A modal dialog will appear which has 4 tabs —

Blogger Post Editor - 4 Tabs for Inserting a Video
  1. Upload — Choose a video from your PC or drag and drop on it. Wait until finishing the upload.
  2. From YouTube — To insert a video from YouTube, type a video title in the search box then hit Enter or click . Select a video from list then click Select.
  3. My YouTube videos — The videos you’ve uploaded on YouTube will be found here.
  4. From your phone — An app has to be installed in your Phone or Computer to use this feature.

Insert Jump Break

If you don’t want to show full content of your blog posts on Index pages (Index pages include homepage, labels page and yearly archive page), then insert jump break  after which part of the content you want to show. If you insert Jump Break, a Read more » link will appear instead of full content.

✓ Also Read:  Download Latest Entclass Blogger Template + Setup

Note: Some templates do itself, they take some specific number of characters to show on Index pages and a Read more link shows instead of the rest content.

Alignment, Numbered list & Bullet list

  1. Alignment — Select text then click  to align text to Left, Center, Right and Justify.
  2. Numbered list or Ordered list — To set numbered list, select text then click . The list items will be marked with numbers (1,2,3,4,…) by default.
  3. Bullet list or Unordered list — Click  to set bullet list. The list items will be marked with bullets (•) by default.
Blogger Post Editor - Alignment, Numbered list and Bullet list

Quote, Remove Formatting

  1. Quote — To set quote, select text first then click. Browsers have default CSS values for <blockquote>. You can customize it with CSS,
  2. Remove formatting — To remove any used format, click . For example, you’ve set <blockquote> format with any text, select the text and click this button to remove the format.

Check Spelling

Check spelling should work automatically, if not then click Check spelling  button and keep writing.

Now that’s all…

Its time to see some articles, enjoy.

Share this article with your friends if you enjoyed it.

Faqontech and its contents are protected by COPYRIGHT LAW (DMCA) with high-priority response rate. Reproduction without permission or due credit link back will cause your article(s) to be removed from search engines and disappearance of Ads on that page if monetized with Adsense.

NOTE that Your Adverts can be placed here on Faqontech either Banner, Link or Text ADS We got you covered, We have different advert space waiting for you. Want to know more about our advert placement click HERE

You may also like

Leave a Comment