#16 Blogger Tutori | Basic Settings in Blogger

Basic Settings in Blogger This is very important to configure your  Blog  using  Basic Settings  in your  Blogger Dashboard . In this tutorial, you are going to learn how to — Manage Title and Description. Manage Privacy — list your Blog on Blogger and allow Search Engine to crawl your site. Add Custom Domain to your blog. Manage HTTPS Redirect. Manage Permissions — add Authors to your blog and who can see it. Go to Blogger Basic Settings Sign in to Blogger  with your  Google Email  and  Password . In the left top, click this  Drop Down Icon  and choose the blog. In the left menu, click  Settings → Basic . Title, Description & Privacy Settings Title  — You can edit or change your blog title from here. Description  — A short description about your Blog. Maximum Characters are 500. Privacy  — Set your blog here for Blog listing and Search engine visibility. Blog listing  — Select  “Yes”  to list your blog on Blogger. By default, a  Navbar  is appeared at the top of the blogs a

#7 Blogger Tutorial

Post Editor Tools

In this lesson, you will learn how to work with and use Google Blogger Post Editor Tools to —

Blogger Tutorial

Go to Post Editor Page

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

  • In the left top, click this icon Down-Arrow-IconDrop Down Icon and choose the blog.
  • 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, keep your mouse on each button then the name will appear like below ─

Blogger-Link-button

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

Undo and Redo

This Undo Blogger-Post-Editor-Undo-Button and Redo Blogger-Post-Editor-Redo-Button buttons are very useful to undo and redo your changes in a post.

Change Font, Font Size & Format

  • Font — First, select the text then choose a Font
  • Blogger-Post-Editor-Font-Button
  • Font size — Choose a size for the selected text.
  • Blogger-Post-Editor-Font-Size-Button
  • Format — There are 4 types of text format Blogger-Post-Editor-Format-Buttonin 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.
  • Blogger-Post-Editor-Bold-Button
  • Italic — Click button to make text italic.
  • Blogger-Post-Editor-Italic-Button
  • Underline — Click button to make underlined text.
  • Blogger-Post-Editor-Underline-Button
  • Strikethrough — Click to strike through text.
  • Blogger-Post-Editor-Strikethrough-Button
Bold-Italic-Underline-and-Strikethrough

Text Color & Text Background Color

  • Text color — To set text color, select text then choose a color from button.
  • Blogger-Post-Editor-Text-Color-Button
  • Text background color — To set background color, select text then choose a color from button.
  • Blogger-Post-Editor-Text-background-color-Button

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

Blogger-Post-Editor-Color-Palette

See the screenshot with Red text color and Blue background text ─

Image-with-Red-text

Add link: Select text then click Add or remove link button.

Add-or-remove-link-Button

A modal dialog box will open up ─

Blogger-Post-Editor-Modal-Dialog-Box-for-Adding-Link

  • 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. http://www.example.com/hello-world.html).
  • 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.

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

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 Close-Button-after-Clicking-on-a-Link button.

Insert Images

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

Blogger-Post-Editor-Modal-Dialog-for-Inserting-Image

  • Upload — To upload images from your PC.
  • From this blog — The images you’ve uploaded before in this blog.
  • From Google Album Archive — The photos you’ve uploaded to other Google products.
  • From your phone — The photos you’ve uploaded from your phone.
  • From your webcam — The photos you’ve taken using your webcam.
  • From a URL — Use an image url.

Blogger-Post-Editor-Insert-and-Edit-Image

Insert a Video

Click Insert a video Blogger-Post-Editor-Insert-a-video-Button. button. A modal dialog will appear which has 4 tabs —

Blogger-Post-Editor-4-Tabs-for-Inserting-a-Video

  • Upload — Choose a video from your PC or drag and drop on it. Wait until finishing the upload.
  • From YouTube — To insert a video from YouTube, type a video title in the search box then hit Enter or click search-black. Select a video from list then click Select.
  • My YouTube videos — The videos you’ve uploaded on YouTube will be found here.
  • 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 Blogger-Post-Editor-Insert-jump-break-Button 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.

Blogger-Post-Editor-Read-more-link-after-Inserting-jump-break
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

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

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

Comments