How to Start a Blog using Blogger – A Step by Step Guide

Table of Contents

Blogger is a service that allows users to publish single or multi-user blogs. You can open your own blog/site very easily and without cost. This Blogger/Blogspot Tutorial is just a try to give you a complete knowledge about it.

Blogger is a service by Google that allows you to make your own blog or site with custom domain. You can open a single or multi-user blogs with this service.

What is a blog


  1. A blog is an online diary or journal located on a website.
  2. The content of a blog typically includes text, pictures, videos, animated GIFs and even scans from old physical offline diaries or journals and other hard copy documents.
  3. Since a blog can exist merely for personal use, sharing information with an exclusive group or to engage the public, a blog owner can set their blog for private or public access.
  4. When a blog is made publicly accessible, anyone can typically find the blog through links available on the blog owner’s individual or business website, their social media profiles, emails and e-newsletters and online keyword search engines.
  5. Many blog owners also set up blogs on websites devoted to the creation, storage and sharing of blogs, such as Blogger, LiveJournal, Tumblr and WordPress.

How to become a blogger

  1. If you want to be a good or professional blogger (that you should) then first think about the field we bloggers called it Niche (like travelling, photography, technology etc) of your interest or the field that you choose for the blogging. Because your blogs should be interesting, unique and regular (which is possible only when you have interest in your field of blogging).
  2. Now choose the platform for your blogging that you want to use a blog posting service(like blogger or WordPress.com) or You can make your own blogging website.
  3. Blog posting services are free but kind of limited(customization) or restricted. If allows you to work on their platform for free on which many people are already working which helps you to learn more but it is also difficult to make your name popular due the same reason.
  4. If you choose to create your own blogging website then you have to pay for it. To create a blogging website you have to pay for Web-Hosting and Domain. But this allows you to explore many ways or you work like you want or I say the way you want to show your blogs to others. And this will get popular fast according to your quality of work.
  5. About Learning(on blog posting service)- If you choose Blog posting services then it is very easy to work on them. You don’t have to do anything except blogging, they offer easy steps to customize your website and post blogs or etc (like some kind of doing stuff on Facebook etc).
  6. About Learning(on your website)- To make a website you need to learn coding language like HTML, CSS (which require lots of time and hard work) etc but if you don’t want to learn these languages then you can work on Blogger, WordPress (here Blogger is a platform to create website) which I prefer you to use because it is easy to learn and it is especially designed to create a blogging website. I will say that if you want to work on Blogger then You need to read this article
  7. For effective response your blogs should be easy, knowledge-full, interesting and unique.

bluehostsavemoney

Blogger or Blogspot Tutorial

In this tutorial section, we will discuss everything related to blogger.

Advantages

My intention is to teach you everything about blogger/blogspot in good order; step by step from beginning to the end, not randomly like other websites did.

That’s why, I will follow the Blogger Dashboard menu (top-side menu) here. For example, If you want to learn anything related to Blogger then, you are at the right place.

Proper Example

I always try to provide you proper example with code, static image, animated image or anything else.

Blogger Features

You might think, as a free service this is very limited but the limitations are not so much as you think. Actually there are a lot of features you can use. I discussed some of them below.

The Benefits to Open a Blog in Blogger

  1. Adding Custom Domain
  2. No need to buy Hosting
  3. Customizing template
  4. Adding multiple users
  5. Earning money by displaying ads on the Blog

Adding a Custom Domain

By default, your blog’s domain name (url) will appear at a subdomain of blogspot.com (e.g. blogname.blogspot.com). But you can add a registered custom domain to your blog (e.g. www.example.com), and can redirect the subdomain to your custom domain.

No Need to Buy Hosting

Generally, the blogs are hosted by Google at a subdomain of blogspot.com, so you don’t need to spend money to buy a hosting.

Installing a Custom Template

There are a lot of custom templates are available online, you can install one of them and customize it.

Creating your own Template

You can create your own Blogger template very easily.

Redesign Your Blog

You can change your blog’s look using CSSJavaScript. Bu this time you will need to have Blogger Template‘s code knowledge. But don’t worry, I will teach you everything step by step.

Blogger for Mobile Devices

Blogger has a different view for mobile devices. The visitors who access your site from mobile devices will view your site on a selected mobile template.

Adding More Users

You can invite more users (up to 100) to write posts on your blog as a author or admin.

Earning Money from Your Blog

You can directly integrate your Google AdSense account to your blog and can earn money by displaying Advertisements on your blog.


Blogger Limitations

Although there are some limitations on Blogger but I believe these will not prevent your work so much. Some important limitations are described below ─

  1. Number of Blogs: 100 blogs per account.
  2. Blog Description: 500 characters maximum.
  3. Number of Labels: 5,000 unique labels per blog, 20 unique labels per post (with at most 200 characters).
  4. Number of Posts per day: Only 50 posts can be published per day.
  5. Uploading Files: Image files (JPG, GIF, or PNG) and video files can be uploaded on you blog. And all other files such as ─ MP3, ZIP, PSD, PDF, DOC, DOCX, etc. can not be uploaded.
  6. Authors or Admins: 100 invitations per blog.
  7. Account Suspension: If your site violating any terms of service, your site will be suspended by Blogger without any notice. Sometimes repeated violation may cause your whole Google account to be suspended.

Before you start, you need to know what needs to create a new blog/site using Google Blogger. Follow the steps below

Need a Browser & Operating System

Make sure, you have a compatible browser installed on your PC and an operating system.

Browsers:

  • Google Chrome
  • Firefox
  • Safari
  • Internet Explorer

Tip: My recommendation is Google Chrome. Because this browser is more compatible than others to work on codes.
Operating systems:

  • Windows
  • Linux (Ubuntu)
  • Mac OSX

Create a Google Account

First of all, you will need a Google Account to create a blog. If you don’t have yet then create a google account right now.

Sign in to Blogger Dashboard

Sign in to Blogger with your existing Google Email and Password. If you’ve not created any blog yet then you will see this screen below ─

CREATE NEW BLOG

Note: Before starting blogging seriously, you should comply with the Blogger Content Policy and Terms of Service.


Learn how to create a new Blog or Website in Google Blogger.

How to create a blog on blogger

First, Sign in to Blogger with your existing Google Email and Password. If you’ve not created any blog yet then you will see this screen below

CREATE NEW BLOG

Click CREATE NEW BLOG button. Or, if you have any one then, In the top left, click the Down arrow New blog.

Fill up the Title and Address fields and other things. Follow the animated image below.

  1. Title — Type a title that should be related to your Blog.
  2. Address — Your blog address must be unique. So type a unique name in the address field. If the address is available then you will see a blue sign  on the right.
  3. Template — choose a template. You can install a custom template later but you have to choose one for now.
  4. After all done, click Create blog! button.
Create-a-new-Blog-using-Google-Blogger

How to View your Blog

To view your new Blog how it looks like, click View Blog in the bottom left.

How-to-View-your-Blog-on-Blogger

Post Editor Overview

You have a lot of things to learn about Blogger Post Editor such as How to —

  1. Create a new Post
  2. Publish a Post
  3. Insert Images or Videos
  4. Add Links
  5. Add Labels
  6. Align Text
  7. Set Numbered list and Bullet list
  8. And more

But before you learn those things I want to give you a quick Overview about Blogger Post Editor.

Blogger Post Editor Overview

After clicking Create new post button you will see the editor page like below:

Blogger-Post-Editor

Create a New Post

I will show you how to create a new post using Blogger Post Editor and a bit description about — Publish, Save, Preview, Close, Update and Revert to draft buttons.

Go to Post Editor Page

  1. Sign in to Blogger with your Google Email and Password.
  2. In the left top, click this Drop Down Icon and choose the blog.
  3. In the left menu, click Posts → New post.

To create a new post, follow the steps — insert a relevant title, insert content and labels and then publish.

Insert a Relevant Title

The title field is a field of what type of content you are providing. So always try to give a title that relevant to your content and keyword based.

Insert Content & Labels

  1. Insert Content — You can insert text, images, videos, etc. in the content area.
  2. Add Label — Insert at least one Label per post. Use comma “,” to separate labels.
Tip: Labels should be logical or keyword based. For example, if your post title is How to Create a New Post using Blogger Post Editor then Blogger or Blogger Tutorial can be used as a label name. Or use them together ( e.g. Blogger, Blogger Tutorial ).

Publish, Save, Preview

You will see there are 3 buttons right now — Publish, Save and Preview.

  1. Publish — To publish a post, click Publish button but make sure your post is completely ready.
  2. Save — If you are not interested to publish your post immediately then click Save button to save into Draft for now. All the saved posts can be found in Draft under the Post tab.
  3. Preview — Click Preview button to see a post how it looks like before publishing.

Update and Revert to draft buttons

There are still 2 more buttons ─ Update and Revert to draft will appear after publishing a post.

  1. Update — If a post is already published then the Update button will appear. After editing or changing anything, click Update button to update the post again.
  2. Revert to draft — If you want to revert a published post to draft, then click the Revert to draft button.

How to Use Post Editor Tools

You will learn how to work with and use Google Blogger Post Editor Tools to —

  1. Change Font, Font Size & Format
  2. Make text Bold, Italic, Underline & Strikethrough
  3. Set Text Color & Text Background Color
  4. Add or Remove link
  5. Insert Images
  6. Insert a Video
  7. Align text, make Numbered list & Bullet list item
  8. Quote, Remove Formatting
  9. Change Language

Go to Post Editor Page

To the see the toolbar, you have to go to Blogger post editor page. In the post editor page, you will see a toolbar like below —

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 below ─

Post-Editor

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

Change Font, Font Size & Format

  1. Undo and Redo buttons are very useful to undo and redo your changes in a post.
  2. Font — First, select the text then choose a Font
  3. Font size — Choose a size for the selected text
  4. Format — There are 6 types of text format in Blogger post editor ─
Major Heading — uses <h1> element, font size will be bigger.
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.
Paragraph — uses <p> element; font size is normal.
Normal — uses <p> element; small font size is.

Bold, Italic, Underline & Strikethrough Text

  1. Bold — Select text then click button to make text bold.
  2. Italic — Click button to make text italic.
  3. Underline — Click button to make underlined text.
  4. Strikethrough — Click to strike through text.
Blogger-setting

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

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

Blogger-Post-Editor-an-Image-with-Red-text-color-and-Blue-background-text
  1. Add link: Select text then click Add or remove link button.
  2. A modal dialog box will open up ─
  3. Text to display — The text you want to add link to it will be displayed in this field.
  4. Paste or search for a link— Insert a url (e.g. http://www.example.com/hello-world.html).
  5. 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.
  6. Check Add ‘rel=nofollow’ attribute if you don’t want to allow Search engines to follow or index this link.
  7. And finally click Apply button.
Blogger-Post-Editor-Modal-Dialog-Box-for-Adding-Link

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

  1. Change — You can change or edit everything again.
  2. Remove — Click this button to remove the link.
Change-and-remove-link

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 4 tabs ─

  1. Upload — To upload images from your PC.
  2. Photos — Photos from google photos that you have backed-up on google photos.
  3. From this blog — The images you’ve uploaded before in this blog.
  4. From a URL — Use an image url.
Insert-Images

Insert a Video

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

  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 Search button. Select a video from list then click Select.
  3. YouTube Uploads — The videos you’ve uploaded on YouTube will be found here.
Insert-a-Video

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. shown in below image.

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 Blogger Post Editor Alignment Button to align text to Left, Center, Right and Justify.
  2. 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.
  3. 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.
Insert Jump Break

Quote, Remove Formatting

  1. Quote — To set quote, select text first then click Blogger Post Editor Quote Button. Browsers have default CSS values for <blockquote>. You can customize it with CSS,
  2. 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.
  3. Change Language — You can also write in any other language. By changing language shown in image.
Remove-Formatting

Post Editor Settings

This is very important to know how to work with Blogger Post Editor settings. Using this feature you will learn to —

  1. Insert Labels into post
  2. Change Published on Date & Time
  3. Set Custom Permalink
  4. Set a Location on a Post
  5. Control Reader comments
  6. Search description

Now I am going to teach you how to mange your posts using this feature one-by-one.

Insert Labels

Insert at least one label per post and use comma “,” to separate labels. Existing labels will open up if the new label is matched while typing.

Tip: Labels should be logical or keyword based. For example, if your post title is Introduction to Blogger Post Editor Settings then the label name should be Blogger or Blogger Tutorial or use them together (e.g. Blogger, Blogger Tutorial).
Insert-Labels

Set Published on Date & Time

You can set post Published on date and time manually. Generally It’s used to rearrange Blog’s posts or post order. So change your post Published date and time if needed otherwise not.

set-date-and-time

To set custom permalink to a post, click  Permalink then select Custom Permalink. Avoid invalid characters always; don’t use <SPACE> between words, use hyphen (-) or underscore (_) instead.

Set Custom Permalink
Note: If you don’t see Automatic Permalink and Custom Permalink it means the post must be published before. Click Revert to draft button to get back them.

Set a Location on a Post

To set a location on a post, click Location. Browser might ask you to allow it. Type a place name then hit Enter or click Search button. Click Remove button to remove the location.

Location

Search description

A meta description is the description of, or excerpt from, a webpage that appears when that page is listed in search results. It’s usually a couple of sentences long, and tells the searcher what they need to know about what the page contains and how relevant it might be to their query. Important to rank.

Search description

Choosing Options

Click Options to open it.

Control Reader comments

  • Allow — It allows readers to comment on the post.
  • Don’t allow, show existing — Readers are not allowed to comment but will see the existing comments.
  • Don’t allow, hide existing — Readers are not allowed to comment and also won’t see the existing comments.

Post List Page

There are a few things to work on the Post list page in Blogger Dashboard such as — introduction to All, Draft and Published tabs; how to edit, view, share and delete a post; how to add or remove label, etc.

Go to Post list Page

  1. In the left menu, click Posts
  2. Filter by Label and Search Posts
    • Filter by label — Select a label to display the posts contain the label.
    • Search posts — A search box to search posts from your Blog.
Labels

All, Draft and Published Tabs

  • All — All published and draft posts will be found under this tab.
  • Draft — Only draft posts (the posts are not published yet) will be found. If there is no draft post on your Blog then this tab will no longer be found.
  • Published — Only the posts have been published on the Blog will be found.
  • Scheduled — planned to post at a particular time.
  • Edit — Click to edit the post.
  • View/Preview — Click to view the post page how it looks like.
  • Delete — Click to delete the post.
  • Add labels to this post — Enter a label or click an existing label. To add more than one label to a post, separate labels with commas.
  • Share — Share the post to your facebook profile.
  • Update — If a post is already published then the Update button will appear. After editing or changing anything, click Update button to update the post again.
  • Revert to draft — If you want to revert a published post to draft, then click the Revert to draft button.
Note: View, Update and Share buttons will not be found on draft posts but you would see a Preview button. The Draft marked defines a draft post; next to Post title.
post-setting

Comment and View Count

Comment and post view count will be found in front of Post date.

  1. Comment count — How many comments are in the post.
  2. View count — How many times the post was viewed.
comment-and-view-count

Select, Publish, Draft and Delete

If All tab is selected, you will see these buttons on top —

  1. Select all posts — Click to select all posts on the current page.
  2. Publish — Click to publish only the selected draft posts.
  3. Revert to draft — Click to revert only the selected published posts to draft.
  4. Delete selected posts — Click to delete the selected posts. Remember, the deleted posts will never be undone.
  5. Add labels to selected posts — Enter a label or click an existing label.
Blog-post-setting

Insert and Remove Labels

  • Insert new labels — Click New label… to insert new labels. Use comma “,” to separate multi-labels.
  • Add or remove labels — All existing labels will appear under New label…. Click any label to insert it to the selected posts. If the same label name exists in the selected posts, the label will be removed otherwise will be added.
Warning: Make sure the posts are unchecked before going to next or previous page to do this same work. Otherwise your next work will affect on the previous selected posts.

Create a New Page

  • Click Pages on left side of blog screen.
  • Click New page button. at the top left of your blog.
  • To create a new page, add a page title in the title field and insert content in content field then click Publish button shown at the top right of blog.

What Kind of Pages you should Create

Pages are not like Blog posts. It’s also called Static Page. Pages will not be found any where if you don’t add them on your website.

Tip: The pages you should create in your blog such as — About, Contact, Terms and Condition, Privacy policy, etc.

Add, Remove, Edit, Rearrange Widgets/Gadgets

Blogger Widgets (also known as Gadgets) are small tools or applications that can be added to your Blog to display various type of content such as Photos, Videos, Search Box, Countdown Tickers, Followers , Page List, Link List, etc. I will show you — how to Add, Remove, Edit and Rearrange Widgets/Gadgets to your Blog.

How to Add a Widget to your Blog

  • In the left menu, click Layout
  • Choose an area where you want to add the widget then click Add a Gadget.
Blogger-Layout-Page
  • A pop-up window will appear, choose a Gadget then click Add button. shown on right side.
Add-a-gadget

How to Edit a Widget/Gadget

  1. Click Edit Icon on the widget you want to edit.
  2. A pop-up window will appear, make your changes then click Save.
Edit gadger

How to Remove a Widget

  1. Click Edit on the widget you want to remove.
  2. A pop-up window will appear, scroll down and click Remove.
  3. An pop-up alert message will appear, click OK.

How to Rearrange Widgets

  1. Click and drag to rearrange gadgets/widgets
  2. In the bottom right, click Save icon. You can check it’s look before save Click Preview icon.
Layout-setting

Why you are not able to Drag Widgets?

You will not be able to drag the widgets are not draggable. There are 2 signs to understand that the widgets are draggable —

  • When you hover your mouse on the widget, the cursor will be changed to this icon
Drag-Widgets-on-Blogger
  • The left border of the widget (red marked on the image below) defines it’s draggable.
A-sign-of-Draggable-widget-on-Blogger
Note: If you don’t see the above signs on any widget then you won’t be able to drag it.

Install a Blogger Template

This is very important to learn how to install a Blogger Template on your Blog. You can install a default template easily from your Blogger Dashboard but you might need a different styled template that is not available there. This is why I will show you both —

Introduction to Default Blogger Templates

I am describing below about these templates to make you understand a bit. But to understand better, click on each template and check its preview. Even you can check the templates by installing one-by-one.

  • Simple, Picture Window, Awesome Inc., Watermark, Ethereal and Travel Templates are almost same, only the difference among their style. It means if you install the templates one by one then you will see the only difference with their colors, backgrounds, layouts and other small things.
  • Blogger Dynamic Views Templates are too much different than others. If you install one of them then will understand the difference. Most of them support auto load, when you will scroll down, more blog posts will load automatically. And if you click on any post link, it will not go to the single page but will open in a pop-up window instead.
  • Revert to classic templates are completely different than others. If you install this old templates on your blog, you will not have access to many new features such as the template designer, layout, etc.

How to Backup your Blogger Template

This is always a good idea to backup your Blogger Template before you make any changes in your template. If you run into any problems after editing or changing anything in your template, you can restore the backup file to revert to its previous stage.

  • In the left menu, click Theme.
  • In the top center, Click Dropdown icon.
  • Then Click Backup.
  • A pop-up dialog will appear, click Download.
Backup your Blogger Template
Note: A backup file (e.g. template-803593589688485750.xml) will be downloaded in your PC. Keep the file in a safe place of your Computer.

Install a Default Blogger Template

You will see some default templates are available on your Blogger Dashboard, you can install and customize them easily. To install a default template —

  • In the left menu, click Theme.
  • Choose the theme or template you want to install. First Click Preview.
  • A preview window will appear where you can see how your blog will look like after installing the template.
  • Click Apply to Blog.
Install a Default Blogger Template

Install a Custom Blogger Template

You might need a different style of template that is not available on Blogger, but you can download your desired template from any third-party site like —

  • BTemplates.com.
  • myBloggerThemes.com.
  • gooyaabiTemplates.com.

You can also use premium templates that you can find on:

  • Codecanyon.net
  • Themeforest

To install a custom blogger template on your blog, follow the 6 steps below —

  1. Download a template from BTemplates.com or others.
  2. If you’ve downloaded a ZIP file, then unzip the file first. To unzip —
    1. Right-click on the zip file.
    2. Select Extract.
  3. In the top right, click Restore .
  4. A pop-up window will appear, click Upload.
  5. Choose the .xml file you’ve downloaded from your PC. See the image below how to find the XML file.
How-to-Know-File-Type-on-Windows

How to Restore your Blogger Theme

  1. In the left menu, click Theme.
  2. In the top center, Click Dropdown icon.
  3. Then Click Restore.
  4. A pop-up dialog will appear, click Upload.
  5. Choose the backup .xml file you’ve saved before in your PC. The image below with red marked represents that it’s an XML file.
How-to-Know-the-Backup-file-of-your-Blogger-Template-in-XML

Customize Blogger Template

You can easily change the design of your blog with Blogger Theme Designer. I will show you how to customize your Blogger Template.

  1. In the left menu, click Theme.
  2. Click Customize button.
  3. Use the left menu to customize background, adjust widths, layout, and other settings of your Blog. When you finish customization, you must click Save icon at the bottom of right to save your changes.
  4. Background — Change background image and colors.
    1. Background image — Set a background image of the template body.
    2. Main color theme — Set background color.
  5. Advanced — Make Advanced Changes such as Body, Blog title, tabs, posts, sharing etc.
    1. Add CSS — You can add custom CSS from here without going into Template editor.
  6. Gadgets — Choose the gadgets that you want to show on your blog. Select gadget then on or off.
  7. When you finish customization, in the bottom right corner, click on Save icon.
Note: If you use a custom template on your Blog, all options may not work.
Customize your Blog Template

How to Make Images Resize

Images might not fit with your Blog posts area, specially when you use a default Blogger Template. I will show you how to make imagesresize to fit Blog post area.

  1. In the left menu, click Posts.
  2. All posts of your Blog will appear, click the post title you want to edit or click Edit.
  3. Click on the image is showing in the Post editor.
  4. Resize image or click on setting option.
  5. Then, choose size of image Small, Medium, Large, X-large, Original size. Choose one by one to see which one is best fitted.
I recommend you not to upload very large size images which will make your site heavy and take longer to be loaded.
bluehostsavemoney

Blogger Settings

This is very important to configure your Blog Settings in your Blogger Dashboard.

Basic

  • In the left menu, click Settings → Basic.
  • Title — You can edit or change your blog title from here.
  • Description — A short description about your Blog. Maximum Characters are 500.
  • Blog language — Choose the Language in which you want to create blog.
  • Adult content— If your site contains sexual contents, biological topics or such thing, then you should select “Yes”. If Yes is selected, viewers of your blog will see a warning message and will be asked to confirm that they want to proceed to your blog.
  • Google Analytics property ID — You must want to see how visitors interact with your site such as — where they come from, how many visitors per day, how many pages are viewed per day, etc. To see their interaction, add your Google Analytics Web Property ID to your blog. If you’ve not added your site in Google Analytics yet then do this right now.
  • Favicon — A favicon is a graphic image (icon) associated with a particular Web page and/or Web site. Upload custom favicon. Select a favicon file. You can use a square image that’s less than 100 KB.

Add a new Website in Google Analytics

  1. Sign in to your Analytics account.
  2. Select the Admin tab.
  3. Select an account from the drop-down menu in the ACCOUNT column.
  4. Select Create new property from the drop-down menu in the PROPERTY column.
  5. Fill in your website details and click Get Tracking ID button.

Add Analytics Web Property ID to your Blog

  1. Sign in to your Analytics account.
  2. Select the Admin tab.
  3. Select an account from the menu in the ACCOUNT column.
  4. Select a property from the menu in the PROPERTY column.
  5. Click Tracking Info → Tracking Code. It should use this format: UA-XXXXX-XX.
  6. Copy and paste the code into your Analytics Web Property ID field.
  7. Click Save settings in the top right.
Blogger Settings

Privacy

Search Engine Visibility — Select “Yes” to allow Search engines to crawl your Blog. If “No” is selected, your blog will not visible to Search engines and not get any traffic from them. Search engine visibility (also known as “search visibility” or “SEO visibility”) is the share of traffic that a website receives from its rankings in the organic search results.

Publishing

Blog address

By default, your blog will be hosted on blogspot.com (blogname.blogspot.com). But if you wish you can set the blog on your own custom domain (for example: www.example.com).

Custom domain

Before you move your blog to a custom domain, you have to purchase a domain from the companies like GoDaddy.comGoogle, Hostinger and others. Or if you’ve already purchased a domain then set the domain here.

Note: Whenever you will set a custom domain to your blog, that must begin with www like www.example.com not like example.com.

Fallback subdomain

Fallback subdomain is a subdomain added as a precursive measure to avoid server issues while loading your usual subdomain.

Redirect domain

When you redirect a domain, you’re simply forwarding it to another address on the same, or different domain.

HTTPS

Hypertext Transfer Protocol Secure (HTTPS) is an extension of the Hypertext Transfer Protocol (HTTP). It is used for secure communication. If HTTPS Redirect is selected to “Yes”, visitors to your blog will always go to https://example.blogspot.com.

Permissions

Using this feature, you can add people as author or admin, and can set your blog as public or private.

Blog admins and authors

  • Blogger allows multi-users and it has dynamic Admin Control Panel to add or remove AuthorAdmin.
  • If you want to make someone an admin, go to the admins and authors next to their email and select Admin. Blogs must have at least one admin.
  • Click Save.
  • Note: If you make someone an admin, you give them the right to remove you from your blog.
  • Admin has the right to delete the blog and blog posts. Other members who have only author permission can create, edit, and publish their posts
Warning: Be careful before allowing any person as admin. Because admin can edit and delete Template, Posts, Blog, even can remove you from your own blog. But Authors only have access to add and edit their own posts.
Blog admins and authors

Invite more authors

  • To add authors to your blog, enter the email address of the person you want to add then click Send.
  • After they accept the invitation, they’ll be listed as an author. You can add up to 100 total members (authors, administrators, or readers) to your blog.
  • Note: To manage and post to blogs, invited authors or administrators will need a Google Account.
Add Authors to Your Blog

Remove access from a team member or yourself

  • In the left menu, select Settings.
  • Under “Permissions,” in the “Blog Admins and Authors” section, find the team member to remove and click Remove .
  • Click Save.

Reader access

Using Blog Readers section, you can choose who can see or read your blog. By default, your blog is public, and can be read by anyone on the web.

  • Public — Your blog is open to all readers or visitors by default. Anybody can see your blog.
  • Private – Private to authors — Only the authors you’ve added can read your blog. Authors have to sign in to read this blog.
  • Private – Custom readers — Only the readers you’ve added can read your blog. Readers have to sign in to read this blog.

Custom readers

If you select “Custom readers,” you can choose who can see your blog.

  • Readers will need a Google Account.
  • You can share your blog with up to 100 people, which includes readers, authors, and administrators.
  • In the left menu, select Settings.
  • Under “Permissions,” in the “Reader Access” section, Select Custom Readers.
  • Click Save.
  • To add Readers to your blog.
  • Click Invite more readers a pop-up window will appear, enter the email address of the person you want to add then click Send. Same as Inviting Authors.
Reader access

Setup a Custom Domain

By default, your blog will be hosted on blogspot.com (example.blogspot.com). But if you wish you can setup or host a custom domain (www.example.com or sub.example.com) with your Blogger Blog. Follow the steps below —

Step #1: Purchase a Custom Domain — Before you move your blog to a custom domain, you have to purchase a domain name from the companies like Google, GoDaddy.comEasyDNS.com or others. Or if you’ve already purchased a domain, you can setup the domain with your blog.

Step #2: Setup your Custom Domain —DNS settings or management of your custom domain. 

#1: Add the Domain Name to your Blog

  • 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.
  • In the “Publishing” section, click Custom domain.
  • Type the url of the domain, including www (e.g. www.yourdomain.com).
  • Click Save.
Custom domain

An error will appear with two CNAMEs. The first CNAME is the same for everyone and the second CNAME is particular to your blog and Second name is different.

Setup a Custom Domain

#2: Add CNAME and A-Records to your Account

Log in to your domain registrar account (e.g., GoDaddy, Hover, NameCheap, Google Domains), then locate the DNS settings or management page for your custom domain. Click Manage DNS

dns

Edit or Add CNAME — Look for an existing CNAME record for www and click pencil to edit.
If there is no existing CNAME record for www, click ‘Add’ and select CNAME.

Edit CNAME 01

Fill in CNAME Fields

  • Type: CNAME
  • Host or Name: www
  • Points To: ghs.google.com
  • TTL: 1 Hour
  • Click Save

Type is not showed in image

CNAME SETTINGS

To enter the second CNAME, you have to add a new record. In the Records table, click ADD.

  • Type: CNAME
  • Host or Name: madahf5yqvkm
  • Points To: gv-nsbkcbgppeg7xb.dv.googlehosted.com
  • TTL: 1 Hour
  • Click Save
CNAME SETTINGS

Now add four separate A-records one-by-one pointing to four different Google IPs.

  • 216.239.32.21
  • 216.239.34.21
  • 216.239.36.21
  • 216.239.38.21

To add an A-record, click ADD again, then fill in the fields as:

1. A-Record: 216.239.32.21

  • Type: A
  • Host or Name: @
  • Points To: 216.239.32.21
  • TTL: 1 Hour
  • Click Save

2. A-Record: 216.239.34.21

  • Type: A
  • Host or Name: @
  • Points To: 216.239.34.21
  • TTL: 1 Hour
  • Click Save

3. A-Record: 216.239.36.21

  • Type: A
  • Host or Name: @
  • Points To: 216.239.36.21
  • TTL: 1 Hour
  • Click Save

4. A-Record: 216.239.38.21

  • Type: A
  • Host or Name: @
  • Points To: 216.239.38.21
  • TTL: 1 Hour
  • Click Save
Note: You may need to wait for 5 minutes to 4 hours for this changes to reflect globally.

Now back to your Blogger Dashboard and try to Save your custom domain once again. If all CNAME and A-Records are correctly entered in your DNS Manager, this time it should be saved successfully.

Note: You may wait up to 24 hours to see your blog with custom domain on the Internet.

HTTPS redirect, It becomes very important to redirect from HTTP to HTTPS.

Blogger Posts Setting

  • Show at most — Insert number how many posts will show on homepage.
  • Post Template — If you ever need the same content on every post repeatedly, then you can create a post template with plain text or HTML to save your time. The content you’ve inserted in the template will appear in the post editor whenever you will create a new post.
  • Showcase images with Light-box — If “Yes” is selected, your images will open in an overlay on top of your blog. If your post has multiple images, they will appear as thumbnails along the bottom.

Post template example

<?php
/**
 * The template for displaying all single posts and attachments
 *
 * @package WordPress
 * @subpackage Twenty_Fifteen
 * @since Twenty Fifteen 1.0
 */
 
get_header(); ?>
 
    <div id="primary" class="content-area">
        <main id="main" class="site-main" role="main">
 
        <?php
        // Start the loop.
        while ( have_posts() ) : the_post();
 
            /*
             * Include the post format-specific template for the content. If you want to
             * use this in a child theme, then include a file called called content-___.php
             * (where ___ is the post format) and that will be used instead.
             */
            get_template_part( 'content', get_post_format() );
 
            // If comments are open or we have at least one comment, load up the comment template.
            if ( comments_open() || get_comments_number() ) :
                comments_template();
            endif;
 
            // Previous/next post navigation.
            the_post_navigation( array(
                'next_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Next', 'twentyfifteen' ) . '</span> ' .
                    '<span class="screen-reader-text">' . __( 'Next post:', 'twentyfifteen' ) . '</span> ' .
                    '<span class="post-title">%title</span>',
                'prev_text' => '<span class="meta-nav" aria-hidden="true">' . __( 'Previous', 'twentyfifteen' ) . '</span> ' .
                    '<span class="screen-reader-text">' . __( 'Previous post:', 'twentyfifteen' ) . '</span> ' .
                    '<span class="post-title">%title</span>',
            ) );
 
        // End the loop.
        endwhile;
        ?>
 
        </main><!-- .site-main -->
    </div><!-- .content-area -->
 
<?php get_footer(); ?>
Showcase-images-with-Lightbox-in-Blogger

Blogger Comments Setting

Use this option to set comments location, choose who can comment on your blog posts and set a comment moderation time.

Comments Location

  • Embedded — It allows users to comment on the post.
  • Full page — It will take readers to a new page.
  • Popup window — Comment section will open in a different popup window.
  • Hide — It will not delete existing comments but will hide the comment section.

Who can Comment

  • Anyone — Anybody can comment.
  • User with Google Accounts — Only who have Google Accounts can comment.
  • Only members of this blog — Only the members of your blog can comment.

Comment Moderation Time

  • Always — Comments always go into Comments → Awaiting moderation in the left menu.
  • Sometimes — Comments sometimes go into Awaiting moderation.
  • Never — Comments will be published immediately.
Tip: Review comments before publishing them. Because many readers try to provide spam comments.

Reader comment captcha

This will require people leaving comments on your blog to complete a word verification (captcha) step, which will help reduce comment spam. Blog authors will not see word verification for comments.

Comment Form Message

Add a message that will appear on Comment Form. It might be a warning message for not to provide spam comments or links.

Email Settings

In the left menu, click Settings → Email section.

Post using email

To post to your blog directly from your email account, follow the steps below.

Step-1: Create a Mail2Blogger Address

  1. Enter a secret word in the Address box.
  2. Choose whether the emailed posts will be published immediately or will be saved as draft post to publish them later.
  3. Click Save.
  4. After creating the address, it should look like [email protected].

Step-2: Create and Send Message

  1. Log in to your Email account.
  2. Click COMPOSE to create a new message.
  3. In the “To” field, enter this Mail2Blogger address.
  4. Add a title in the “Subject” field. This will be your post title.
  5. Write your post in the Body of the email. This body will be the post.
    • To include an image, attach an image to your email.
    • To mark the end of your post, enter #end.
  6. Click “Send” button to send the post to your blog.
Tip: You can provide your Mail2Blogger adress to others, and invite them to posts to your blog. I recommend you to keep active Save emails as draft post option, because you should approve the posts before publishing.

Comment Notification Email

Enter up to 10 email addresses, separated by commas, to get Notifications in these addresses when someone leaves a comment on your blog posts.

Email posts to

Enter up to 10 email addresses, separated by commas, to get Notifications whenever you publish posts.

Formatting Settings

  • In the left menu, click Settings → formatting section.
  • Time Zone — Select the time zone of where you are living in.
  • Date Header Format — This will appear above your posts. If the date header doesn’t appear on your blog, make sure this option is enabled. To active this, go to Layout → Blog Posts widget, next click Edit to Configure Blog Posts, then select the first option under Post Page Options.
  • Timestamp Format — Set this format for your blog posts.
  • Comment Timestamp Format — Set this format for your blog comments.
Note: Date Header is the date will appear above the posts have been published on that date on Index pages (Homepage, Labels page and yearly Archive page).

Meta tags

Meta tags are snippets of text that describe a page’s content; the meta tags don’t appear on the page itself, but only in the page’s source code. Meta tags are essentially little content descriptors that help tell search engines what a web page is about.

In the left menu, click Settings → Meta tags Section.

Enable search description

Choose “Yes” to enable your blog’s search description. Write a description about your blog up to 150 characters maximum. Search engines usually use the meta description of a page in their search results snippets like the image below —

Search Description

Enabling this feature will allow you to add Search description for every post in the Post Editor. Make sure the description is truly descriptive and keywords based are related to the content. To count characters, you can use this Word Counter tool.

Errors and redirects

When visitors or readers try to access a page that doesn’t exist in your blog is called 404 error page. By default, a message “Sorry, the page you were looking for in this blog does not exist.” will be displayed on the Page Not Found page.

You can set a custom message will be displayed on the page instead of generic message. You can enter HTML message and design the message with CSS.

Custom 404

To find the 404 error page, go to a link that doesn’t exist in your blog. For this, type some wrong characters after forward slash “/” of your site url. An example link below —

http://example.blogspot.com/hfkjdhkj
  1. Copy and paste the link in your Browser address bar.
  2. Replace example with your blog address.
  3. Hit Enter. Now you should see the 404 error page

An Example HTML Message for 404

Click Edit of Custom 404 option, then Copy and Paste the code in the text field.

<center><img border="0" src="https://magraytariq.com/wp-content/uploads/2021/03/404-Error-Page-Banner.png" />
<h3 style="font-size: 18px;">Sorry, the page you are looking for does not exist.
<p><a href="https://yourwebsite.com">Go to Home Page</a></p>
</h3></center>
custom404

Custom Redirects

If any page url doesn’t exist in your blog but readers still visit to that page. They obviously go to the 404 error page and can’t find the content they are looking for. To solve this problem, you should add a custom redirect from that old url to a new url. Put the old url in From: section and new url in To: section. To make it permenant choose “Yes”.

Custom Redirects

Crawlers and indexing

Indexing is the process of placing a page , while crawling is simply when search engine bots are actively crawling your website, either for the first time to prior to indexing or for update purposes. Both of these processes are necessary for your website to appear in search engine results.

Custom robots.txt

You can use the robots.txt file to give instructions about your site to web robots. By default, your blog uses it immediately after you created the blog. To check this file, go to http://example.blogspot.com/robots.txt.

You might see the file like below if your site is not visible to Search engines —

User-agent: Googlebot
Disallow: /nogooglebot/

User-agent: *
Allow: /

Sitemap: https://yourwebsite.com/sitemap.xml
  • User-agent: * — It means this section applies to all robots.
  • Disallow: / — It tells the robot that it should not visit any pages on the site.
  • Disallow: /search — It means the links having keyword search just after the blog address will be ignored. Therefore, a page url likehttp://example.blogspot.com/search/label/labelnamewill never be crawled or indexed.
  • Allow: / — It means that the robot may crawl your homepage.

You can generate a custom robots.txt file for your blog from Robots.txt Generator. After generating the file —

  1. Click “Yes” to enable custom robots.txt content.
  2. Click Custom robots.txt a pop-up window will appear.
  3. Copy and paste the generated code in this field.
  4. Click Save.

After a few moments, the file will be updated to this new code.

Custom robots.txt

Custom Robots Header tags

You can customize your blog’s robots header tags for individual pages using this feature. To enable custom robots header tags —]

  • Click Enable custom robots header tags.
  • Once you’ve enabled it, you can see the custom robots tags is available for every post.

Robots Header Tags with Meaning

DirectiveMeaning
allThere are no restrictions for indexing or serving. Note: this directive is the default value and has no effect if explicitly listed.
noindexDo not show this page in search results and do not show a “Cached” link in search results.
nofollowDo not follow the links have been used on this page
noneEquivalent to noindexnofollow
noarchiveDo not show a “Cached” link in search results.
nosnippetDo not show a snippet (meta or search description) in the search results for this page
noodpDo not use metadata from the Open Directory project for titles or snippets shown for this page.
notranslateDo not offer translation of this page in search results.
noimageindexDo not index images on this page
unavailable_after: [RFC-850 date/time]Do not show this page in search results after the specified date/time. The date/time must be specified in the RFC 850 format.
Warning: Before using this feature you should have knowledge about Robots Header Tags. If you don’t know anything about it then I recommend you not to enable it.

Now, you will get a set of checkboxes. You can set them on your own by accessing “Crawlers and indexing section”. Just follow the same settings I chose (refer to the image given below) and hit Save. Set for :

Home page tags

Home page tags

Post and page tags

Post and page tags

Archive and search page tags

Archive and search page tags

Blogger in Draft

Choosing “Yes”, next to Use Blogger Draft, your Blogger server will be moved to beta server. Blogger URL will be changed from https://blogger.com to https://draft.blogger.com. To see the change, Choose “Yes” Then, Sign out and Sign in to your Blogger again.

Profile on your Blog

  1. In the left menu, click Layout.
  2. Choose where on the page you want to show your profile, then click Add a gadget.
  3. Choose a profile gadget —
  4. The Profile gadget will be shown.
  5. Click Add .
  6. Click Save.

Site Feed Settings

Feeds are very important to be enabled for your blog to run everything smoothly. Some Blogger widgets like – Featured post, Recent Post, Related posts, etc. will not work until you allow your blog feed. Even your blog content can be exhibited on other websites by using this site feed.

Allow Blog Feed

Select how much of your content to show —

  • Full — Shows entire content of each post in your site feed.
  • Short — Shows an excerpt, approximately the first 400 characters.
  • Until Jump Break — Shows content before you use jump break.
  • None — Turns site feed off entirely and content will not be indexed by Google Blog Search.
  • Custom — Set advanced options for blog posts, comment feed and per-post comment feed.

See How it Works

To see how the site feed works, open the link below in your Browser new tab. Change “blogname” to your blog address.

http://blogname.blogspot.com/feeds/posts/default

Select the options above one-by-one, then reload your Browser tab. Hope you will notice the changes.

Note: Site feeds don’t work with private blogs.

Post Feed Redirect URL

To redirect your blog feed to FeedBurner or other services, enter the full feed URL in the field. Blogger will redirect all post feed traffic to this address. Leave this blank for no redirection.

Post Feed Footer

You can add a message, ads, social buttons and more that will appear at the end of each post in your blog feed. To use this option, Blog Posts Feed must be set to Full.

Enable Title Links & Enclosure Links

If you select “Yes”, Title Links and Enclosure Links will be enabled for your posts. Go to Post Editor and click Links to see them.

  • Title Link — You can link your Post title to a specific URL. I recommend you to use this option only when you will require. I have a blog where this option is being used, but only to create backlinks for my another website.
  • Enclosure Links — Enclosure links are used to make podcasts, media files (audio, video etc.) in your posts playable in feeds like RSS and AtomMIME types for most common file extensions are auto-detected by Blogger.

Blogger Reading List

If you want to read the latest posts of your favorite blogs, then add them to the Reading List on your Blogger dashboard.

In the left menu, click Reading List.

Follow or Add a Blog

Blog from your Blogger dashboard

  1. In the left menu, click Reading list.
  2. In the top right, click Edit button.
  3. Click Add button.
  4. Type the URL of the blog you want to follow.
  5. Click Next.
  6. Choose whether to follow publicly or anonymously.
  7. Click Follow.
How to Follow or Add a Blog

Blog from Followers Gadget

You can also follow a blog by just clicking follow button if the blog uses Followers Gadget. To follow a blog in this way —

  1. Look for the Followers gadget on the Blog you want to follow.
  2. Click Follow.
  3. A window will appear, click Follow.

Follow a Blog Publicly or Anonymously

Following a blog publicly, your Google profile will be displayed on the blog including your name and profile photo. But you can manage the blogs how you’d like to follow them Publicly or Anonymously.

  1. In the left menu, click Reading list.
  2. In the top right, click Edit. As shown in above image.
  3. Next to the blog, click Change to public or anonymous.

How to Stop Following a Blog

  1. In the left menu, click Reading list.
  2. In the top right, click Edit.
  3. Next to the blog you want to remove, click Delete.
How to Stop Following a Blog

Add Followers Gadget on your Blog

To let other people follow and read your blog —

  1. In the left menu, click Layout.
  2. Choose where you want to add the gadget.
  3. Click Add a Gadget.
  4. In the pop-up window that opens, scroll down until you see Followers Gadget.
  5. Look for “Followers” and click Add.
  6. Choose Show Followers.
  7. Click Save.
Add Followers Gadget on your Blog
What is a blog?

A blog is an online diary or journal located on a website. The content of a blog typically includes text, pictures, videos, animated GIFs and even scans from old physical offline diaries or journals and other hard copy documents.

What is the example of blogging website?

In this article, I have included a whole load of blog examples from a wide variety of different niches, all run on different blogging platforms like WordPress, Joomla! and Drupal. Since the beginning of the internet, millions and millions and millions of blogs have been created.

Is Blogger good for beginners?

As a beginner, you’ll want a blogging platform that’s easy to set up, has a low learning curve, and doesn’t require any coding skills That means it’s important to choose a blogging platform that’s flexible, with room to grow. Starting off with the wrong platform can make it very difficult to switch later on.

How to become a blogger?

If you want to be a good or professional blogger (that you should) then first think about the field (like travelling, photography, technology etc) of your interest or the field that you choose for the blogging. Because your blogs should be interesting, unique and regular (which is possible only when you have interest in your field of blogging).

Do bloggers get money?

One of the most common ways bloggers make money is through placing ads on site. Each time a reader clicks on the ad, you are paid for that click. CPM Ads: CPM Ads, or “cost per 1,000 impressions,” are ads that pay you a fixed amount of money based on how many people view your ad.

How do I start a blog on Blogger for beginners?

Sign in to Blogger.
On the left, click the Down arrow .
Click New blog.
Enter a name for your blog.
Click Next.
Choose a blog address or URL.
Click Save.

How can I publish Post on my blog?

Sign in to Blogger.
Click New Post .
Create the post. To check how your post will look when it’s published, click Preview.
Save or publish your post: To save and not publish: Click Save. To publish: Click Publish.

Where can I share my blog?

Facebook Groups. Do the research first.
LinkedIn Groups. LinkedIn groups can be a great place to share your posts if your blog content is business related.
Xing Groups. Xing is a Social Media for business professionals in Germany.
Twitter.
Pinterest boards and group boards.
Imgur.
Instagram.

How can I increase my blog traffic fast?

Create evergreen content for your blog.
Write content on a trending topic.
Optimize your posts for search engines.
Target long-tail keywords.
Write a catchy headline.
Write better Meta description.
Add keywords to post.
Include your target keyword in URL.

bluehost

If you have any query related to this tutorial or any suggestion don’t hesitate to contact us we will get back to you as soon as possible!

10 thoughts on “How to Start a Blog using Blogger – A Step by Step Guide”

  1. Thanks for the marvelous posting! I seriously enjoyed reading it, you
    can be a great author. I will make sure to bookmark your blog and
    may come back later on. I want to encourage you to continue
    your great job, have a nice afternoon!

    Reply
  2. I have been surfing online more than 3 hours today, yet I never found any
    interesting article like yours. It’s pretty worth enough for
    me. Personally, if all web owners and bloggers made good content as you did,
    the net will be a lot more useful than ever before.

    Reply
  3. Outstanding post however , I was wanting to know if you could write a litte more on this topic?
    I’d be very thankful if you could elaborate a little bit more.

    Thanks!

    Reply
  4. Hi! I’m at work surfing around your blog from my new iphone!

    Just wanted to say I love reading through your blog and
    look forward to all your posts! Keep up the excellent
    work!

    Reply
  5. Its like you read my mind! You appear to know a lot about this, like you wrote the book in it
    or something. I think that you can do with a few pics to
    drive the message home a bit, but other than that, this is fantastic blog.
    A great read. I will certainly be back.

    Reply

Leave a Comment

This site uses Akismet to reduce spam. Learn how your comment data is processed.