How to add a page to blogger

You can write, edit, or delete posts and drafts any time.

Write a new post

  1. Click New Post .
  2. Create the post.
    • To check how your post will look when it’s published, click Preview.
  3. Save or publish your post:
    • To save and not publish: Click Save.
    • To publish: Click Publish.

Add labels to your post

You can use labels to organize your posts. Your readers can use your labels to filter the content they get.

  1. To open the editor view, click an existing post or click New post .
  2. On the right, click Labels .
  3. Enter a label or click an existing label.
    • To add more than one label to a post, separate labels with commas.

Tip: In your dashboard, next to the title, you can find your labels.

Filter your posts with labels

  1. In the upper right, click Labels .
  2. Select any number of labels.
  3. Click Apply.

Publish a post

  1. ​Sign in to Blogger.
  2. Under the name of a blog, click Posts the title of the post you want to publish.
  3. On the right sidebar, next to Published on , click the drop-down arrow .
  4. Select Set date and time.
  5. On the calendar, choose a date and time, then click Publish.
    • If you want to reschedule a published post, click Revert to draft.

To set your time zone:

  1. In the main dashboard’s left menu, click Settings .
  2. Go to the “Formatting” section and click Time zone.
  3. In the pop-up window, select a time zone.
  4. Click Save.

To create an email:

  1. In the top left, click the Down arrow .
  2. Click the name of a blog.
  3. In the main dashboard’s left menu, click Settings .
  4. Go to the “Email” section and click Post using email.
  5. In the pop-up window, select Publish email immediately or Save emails as draft posts.
  6. Under “Email for posting,” create an email address to use for posts.
  7. Click Save.

To post by email:

Important: Anyone who emails this unique email address will be able to post on your blog, as you.

Blogger Templates can be very messed up with lots and lots of code. If you are trying to create a Blogger Template from scratch, the first thing you need is a blank HTML page. That’s exactly what we are going to do today.

How to add a page to blogger

Blogger Simple Template To Blank Page


Blogger won’t allow you to just add the following code as template :

They will print out errors if you try to save the template. There are certain criteria for making a template for Blogger Blog :

  1. There must be skin ( /b:skin) in the template
  2. A template must have at least one b:section tag
  3. Every section should have a unique id.
  4. Correct Syntax

If the above criterias are met, Blogger won’t produce any errors when saving the template. For creating a blank HTML Template, we will make sure these criterias are met.

Contents Of Blogger Blank Template

As we said before, Blogger Templates should meet the criterias of Blogger. A Blank Blogger Template should contain the following :

  1. Basic HTML Page Tags (html, head, body) and their closings
  2. Only one /b:skin tag
  3. Need At least a /b:section tag.

Create Template

Make sure your blog is using Simple Template. If not, apply Simple Template to your blog.

Go to your Blogger Blog -> Template and click on Edit HTML button. Remove the contents of Template.

We will now add the Basic HTML page to the Template :

The contents of the > tag are the title, skin and other elements. We should add the normal codes that are seen on Blogger Templates first :

Add the Skin with basic CSS that can be changed using Blogger’s Template Designer :

There are more styles that can be inserted in , but only body’s is mentioned here. By adding more style rules into it, you will be easily able to update the colors, background etc… from the Template Designer.

There are additional CSS files that are loaded by Blogger before . If you want to disable that, see this post.

Blogger needs a element in template. So, we should add it inside body.

This section is the main section of the blog where we can add gadgets to it.

The Whole Code

And the whole Template code would be :

Additional Code adding

  • Add additional CSS codes inside /b:skin
  • Add JavaScript codes before or after
  • Add HTML codes (widgets, code) inside .
  • You can do all the stuff in this template just like you do it a HTML page.

If you want to display the Posts, add the following code inside /b:section in body :

Save your template and check out your blog. You will now have a plain blank Blog.

I have talked a lot about the advantages of blogging and a small guide for Business Blog in the past.

Today, I will be talking about one of the important blogging questions from a business perspective.

If you have a Website and you have not integrated a Blog yet, you are missing out on taking advantage of content marketing.

Having a Blog along with Website will help you to get organic traffic via Search engines and you can use your article to get an extra edge on social media sites.

Along with this, you can establish yourself as an expert in your niche. Many businesses who have a Website and still they have not integrated a Blog, they should consider adding it as soon as possible.

Content marketing is one of the best ways to drive traffic and it’s incomplete without a Blog.

Now, whenever I talk about Blog, my preferred platform is WordPress. WordPress is not only easy to use but for Blogging, it has many advantages which we have outlined before.

In this guide, I will be telling you ways to integrate the blog into your Website. There are a few possibilities:

  • You have an Existing Website
  • You want to start a new Website along with a Blog
  • You transfer your Existing Website to WordPress platform.

I will be suggesting to you what to do, depending upon all three possibilities and depending upon your current Website situation, you can pick anything that fits your need.

How to Add a Blog to your Business Website?

1. Integrating Blog into an existing Website:

Let’s assume you have an existing Website which is and you are looking forward to adding a Blog to your Website. The easiest way to do is, have a blog in a subdirectory. Something like This is an easy and most convenient way when you don’t want to mess up with your existing Website. If your existing Webhosting company support WordPress platform, then you can quickly install it by referring to these two guides:

Now, if your Webhosting company doesn’t support WordPress, you can pick Bluehost or Hostgator as your Webhost and move your site to new hosting and install WordPress in sub-directory (

2. For a New Website:

Now, if you are just starting yourself with an online presence and gifting your business with a new Website, you are the safest situation here. You can have a blog in the main domain by using a static page as your Homepage. Most of the WordPress developers knows how to do it, and if you are more like someone who wants to DIY, you can refer to my earlier guide for the same:

Whenever I give consultancy to any business client, I always prefer this method, as this gives the maximum SEO advantages. Moreover, having your Website on WordPress will help you to quickly make content changes without the help of your developer.

It gives you more power of self-editing and over time, with a proper content strategy you can establish yourself as good guys in Search engines.

  • Read:9 Quick blog post ideas for a Business Blog

3. Transfer Existing Website into WordPress:

Now, if you have a 4-5 page existing Website, you can migrate your Website to WordPress platform. You can use .htaccess codes to redirect your old links to new links and like I mentioned above, you can utilize the power of static homepage in WordPress to have a Blog and WordPress in the main domain.

If you have tons of content on an existing Website, it might be little SEO issues as 301 redirection doesn’t guarantee complete link juice to pass on to new links. But, if you have a few links you can easily do the migration and integrate both the WordPress blog and Website on your main domain.

Few mistakes to Avoid for your Business Blog:

Today, I was talking to one of my Real estate client and she was telling me she has two blogs on different domains. One is hosted on free blog and other was installed on some different domain to promote their main Website. Honestly, there is nothing wrong with this approach but the advantages which you get by having a blog on your main domain, is not the same.

Having a Blog in another domain doesn’t give that much SEO advantages and moreover you miss out a great opportunity of branding and establishing your brand as a niche expert. I have already published a WordPress Guide, which will help you to get started with WordPress blogs.

So let me know which method you prefer to have a Blog on your Website? Do let me know if you have any question regarding the same.

Drop down menus can help organize and categorize content links. While many web developers debate whether or not they are good or bad practice, there’s no doubt that they can help clean up a design if you have a rather busy blog.

If your blog contains a large amount of information and you’re interested in categorizing your links a little better, a drop down menu might be the ticket!

Since Blogger doesn’t offer the option to automatically add a drop down menu as WordPress does, we have to make our own. This requires a little bit of CSS and HTML knowledge, but I will walk you through it so it doesn’t seem so confusing.

How To Add a Drop Down Menu To a Blogger Blog

The menu I’ve put together is built entirely with CSS3 and HTML. No Javascript to deal with here, so it is nice and lightweight and easy to configure. You can view a demo of it here.

To get started, you’ll need to head on over to the Layout page in your Blogger dashboard and add a HTML/Javascript gadget in the top/header area:

Add the following code to your new widget, customizing the titles and links to match your own blog:

You will need to replace the # characters with the actual links of your pages, and the menu titles with your own.

Tip: want to link to specific label/category pages in Blogger? The text above in RED shows a menu title (“Topics”) with three sub-menu items that appear when you roll over it.

To add additional menu items with sub-menus, you can copy the red portion of the code and paste a duplicate before or after any

  • or
  • codes, like so:

    Now, you’ll want to pop on over to the Template > Customize page of Blogger and scroll down to Advanced > CSS.

    Add the following code to give that menu some style:

    You can change the colours and fonts wherever I’ve placed the comments in the code.

    If you want to center your menu as in the demo, just add:

    before your HTML code in the gadget you added, and
    at the end of it.

    A contact page is how generally a reader of your blog or an advertiser, sponsor or someone with a general query would reach you through.

    BlogSpot (Blogger) is an ideal choice for beginners to learn the basics of blogging and understand how it works.

    BlogSpot users can use a contact form in their widgets, but you can not add them to the pages. This a problem for newbies.

    AdSense, including most of the other quality ad networks, and affiliate marketplaces won’t approve you to join them if you don’t have an about, contact and a privacy policy page.

    So make sure you create these pages as soon as you start your blog.

    In this tutorial, I’ll help you to create a contact us page and add a contact form in your BlogSpot blog. I’ll show you two different and easy way to do this, you’ll have choices.

    Method one is by using a third-party tool, and method two is by using an official Blogger “contact us” gadget. Feel free to choose any.

    Method No. 1 – Using 123FormBuilder

    This is my favourite tool to create any kind and type of forms for all non-WordPress sites.

    123FormBuilder (previously 123 ContactFormBuilder) is a cloud tool to build any type of online forms, manage workflows, and collect their data very quickly.

    It works for every CMS platform, including BlogSpot and WordPress.

    Step 1- Go To 123FormBuilder and Create A Free Account

    Step 2 – Login To Your Dashboard and Click On The Arrow Next To The Create A New Form Button. Click on contact form & Lead form option.

    How to add a page to bloggerBlogger blog dashboard and click on add new page. Name this page, “Contact Us.”

    How to add a page to bloggerBlogger dashboard and click on the layout tab.

    Step 2 – Click on add new gadget.

    How to add a page to blogger

    Step 4 – Add a new page to your blog. Name this page, “Contact Us.” In the HTML editor of this page copy and paste the following HTML contact form code:

    Important – Make sure you change the BlogID located in line 33 of the code above with your blog’s original ID. You can find your BlogSpot blogID by going to your BlogSpot blog dashboard and looking at your URL in the browser’s’ address bar. Here’s how it looks for reference:

    chrome extensions for bloggers and the best blogging tools. Share this post to help others and also leave a comment below sharing your thoughts.

    Installing AddThis tools on your Blogger website is simple! In this article, we will walk you through each step. If you prefer visual instructions, check out our video tutorial below:

    How to Install AddThis on a Blogger Website

    1. If you haven’t already, you will first want to create an AddThis account. If you have already created an AddThis account, log in to your dashboard here.
    2. Navigate to the Tools tab and activate and customize the tool(s) that you would like to use on your website.
    3. From the Get the Code page, grab your unique code snippet under the HTML Website tab.How to add a page to blogger
    4. Login to your Blogger site and click Layout in the left side navigation bar.
    5. Click on any of the Add a Gadget links within the layout.How to add a page to blogger
    6. Choose the HTML/JavaScript gadget from the list.
    7. Paste the code snippet that you copied earlier from your AddThis dashboard into the content section of the gadget.
      How to add a page to blogger
    8. Click Save.

    You should now see your AddThis tool(s) appearing on your website.

    If you would like to add additional tools to your site, activate them from the Tools tab of your AddThis dashboard and they will automatically appear on your site. Except for Inline tools, which require an additional snippet of code to be added to your site. Instructions for installing Inline tools are below.

    Note: If you use a separate mobile template for your website, take a look at this documentation for adding tools to your mobile site.

    Adding Inline Tools

    To install any Inline tools on your website, you will need to add a second snippet of code to your site. This second snippet of code will specify where on your pages you would like the tools to appear.

    After activating an inline tool, navigate to the Get the Code page. You will find the Inline code under the “Setup Inline Tools” section. Copy this code, then paste it in the section of your site where you would like the tool to appear.

    How to add a page to blogger

    Here are a few examples of where you can place your Inline tools:

    In the sidebar

    1. In your Blogger dashboard, click Layout and then click the Add a Gadget link in the sidebar area.
    2. Choose the HTML/Javascript gadget from the list and paste your inline code into the widget.

    At the top of a post

    1. In your Blogger dashboard, go to Template and then click Edit HTML.
    2. Place the button code after the
    3. Click Save Template.

    At the bottom of a post

    1. In your Blogger dashboard, go to Template and then click on Edit HTML.
    2. Place the button code before the
    3. Click Save Template.

    If you have any questions about installing AddThis on your website, please contact our dedicated support team. We are happy to help!

    Blogger is Google’s free tool for creating blogs. Did you know that the word “Blog” is formed from web & log which is used for online journaling?

    You can add forms to a static Blogger page like contact me, or post a form as an event registration. There are lots of possibilities on using your forms since Blogger enables you to inject custom HTML codes on their platform.

    Get Your Blogger Code from Jotform

    1. In the Form Builder, click the “Publish” button.

    2. Go to the “Platforms” section and search for the “Blogger” option.

    How to add a page to blogger

    3. Click the “Copy Code” button to copy the form embed codes.

    How to add a page to blogger

    Go To Blogger & Add Your Form

    1. In the Blogger Dashboard, go to the “Pages” section and then click the “Edit” link of the desired page.

    How to add a page to blogger

    2. Switch to the “HTML” editor, paste your code and then click the “Update” button.

    How to add a page to blogger

    3. View your form in your page just to make sure that it is working properly.

    How to add a page to blogger

    You’re done that easy. How’d you do? Was it easy for you to add your form to Blogger? Please share your thoughts in the comments section below.

    Installing a blogger template on your blogger blog is very easy. gives you thousands of free blogger templates for renovating your blog. Yes! We giving new look for a blogger blog. This tutorial shows you how to install/upload a new blogger template. We cover two types of installing method with step by step guidance.

    Method-1: Uploading .xml file. Your existing widgets will keep on blogger and you need to remove manually on this method

    Method-2: Copy and Paste coding. Completely replaced all coding. (If you have an error when uploading template using method-1, then try method-2)

    First, we going to method-1 which is uploading .xml file.

    Step 1: Downloading Blogger Template.

    Browse blogger templates in our most popular categories like Responsive, SEO Ready, Magazine, Simple, Clean, Portfolio and Fashion. (You can Live Preview our every template to know how your blog look like after uploading the template.) After the browsing, click Download button on your desired template and the template file will directly downloaded and stored in your computer hard drive.

    Step 2: Extracting zipped downloaded template file.

    File format that you have downloaded is a .ZIP file format. We are only able to upload a file with .xml extension. So it is need to be extracted. Please Extract / Unzip it.

    How to add a page to blogger

    Step 3: Logged in your Blogger Dashboard.

    You must logged in your google account to access your blogger dashboard (Ignore this step if you are already logged in)

    How to add a page to blogger

    Step 4: Access Theme Section.

    Choose (If you have multiple blogs) your Blog in your Dashboard that you want to change template, and click “Theme” in the option panel on the left.

    How to add a page to blogger

    Step 5: Access Backup / Restore.

    Look at the top right corner, you will see “Backup / Restore” button and click it on.

    How to add a page to blogger

    Step 6: Get ready to upload.

    Manage on pop-up windows and click “choose file” button and look for folder that is created after extracted file that you have downloaded.

    How to add a page to blogger

    Step 7: select .xml file for uploading.

    Folder has a .XML file, .TXT file, Internet shortcuts and etc., You should select only .XML file.

    How to add a page to blogger

    Step 8: Start uploading template.

    Click “Upload” button. Now uploading process appear in your screen.

    How to add a page to blogger

    Now the template will appear in your blog successfully.

    How to add a page to blogger

    Another method which is installing blogger template using copy and paste

    We were unable to save your theme.

    Your theme could not be parsed as it is not well-formed. Please make sure all XML elements are closed properly. XML error message:
    Content is not allowed in prolog.

    If you see the above error when uploading your template, then try this copy, paste method.

    Continue above steps still step-5

    Step 6: Open .xml file with text editor.

    Open .xml file using text editor like notepad, wordpad, notpad++ or something like that.

    How to add a page to blogger

    Step 7: Copy all coding.

    In the text editor, press ctrl+a and then ctrl+c (ctrl+a to select all coding, ctrl+c to copy the selected coding)

    How to add a page to blogger

    Step 8: Open HTML Editor on blogger.

    Now open HTML Editor on blogger dashboard and click “Edit HTML” button.

    How to add a page to blogger

    Step 9: Paste coding on blogger HTML Editor.

    Click anywhere inHTML Editor. Now press ctrl+a and then ctrl+v (ctrl+a to select all coding, ctrl+v to replace selected coding with copied template coding). Finally click “ Save theme” button.

    These days, with WordPress hosting nearly 30% of the internet, there’s a fair chance that many of your favorite sites are hosted on this popular platform. But what if you prefer Blogger? Can you create a Blogger online store like you can on WordPress?

    Short answer: yes. It can seem overwhelming to start selling products from your Blogger site. It doesn’t have to be. It’s entirely possible for users on the Blogger platform create a stylish Blogger online store and start making a profit without breaking a sweat.

    3 Simple Ways to Create a Blogger Online Store

    1. Add Buy Buttons or Product Widgets
    2. Embed an Online Store
    3. Link to an External Online Store

    How to add a page to blogger

    Blogger Online Store = Simple Ecommerce

    Selling your own products doesn’t have to be complicated, especially if you run a Blogger website. By keeping things simple and streamlined you can sell a whole range of products with relative ease.

    Before I delve into how to do it, let’s look at some of the products you could create and sell. These might include:

    • Digital Products like eBooks, instructional video tutorials, music, webinars, Photoshop brushes, software, etc.
    • Physical Products like artwork, clothes, jewelry, bags, shoes, etc.
    • Services such as coaching, web design, personal training, etc.

    You don’t need to limit yourself to just one product type. Selling a service you can perform at a premium is a great way to both generate income and monetize your blog. In the same way, selling small physical goods that you’ve made can help you tap into a more niche market that will appreciate your work.

    Read: 5 Secrets to Selling Products Online Successfully

    Here are 3 simple options for creating a Blogger online store with Selz:

    1. Add Buy Buttons or Product Widgets

    One of the simplest ways you can sell from your Blogger page is to embed a button or widget that links directly to your product within a page or blog post.

    First, you’ll need to create your product in Selz. Go to Selz and create an account. You’ll be able to start adding products straight away by clicking on ‘Add an Item’.

    Your items will automatically go into your store, which you can access by clicking on ‘Store’ and ‘Preview” in the left-hand menu. You’ll see all your products sitting on your very own custom URL.

    To find your button and widget options, select “Buttons and Widgets” from the left-hand menu. From there you’ll be able to customize the color and look of your buttons before copying the code generated.

    Placing the buttons or widgets onto your Blogger online store is as simple as using the HTML editor to paste the code into your blog post or page.

    2. Embed a Blogger Online Store

    Another simple way to add products to your Blogger site is to embed your entire store right onto the platform. With Selz, this is as easy as adding buy buttons and widgets.

    First, make sure all of your products are added into your Selz dashboard by using the “Items” option in your menu. Next, navigate to the “Buttons and Widgets” option in your Selz dashboard and find the “Store” option. Here, you will be able to customize the style of your store to match your Blogger brand.

    Spend some time customizing the look of your store, then simply copy and paste the HTML code into the HTML editor on Blogger. Easy, right?

    3. Navigate to your Online Store

    Another effortless way to sell via a Blogger online store is to link to your Selz Store via a navigation link on your Blogger site. Selz has professionally-designed themes and store editor for users who want to create a fully-customized separate online store to direct traffic to.

    To set this up, click on ‘Store,’ Install the app, and then click ‘Themes’ at the top of the page. Here you can preview, demo, and install a theme for your store.

    Once you’ve picked a theme for your Selz store, you can navigate to ‘Store’, and then ‘Editor’ to start customizing the look of your new Blogger online store!

    Within the new store editor, you can add content blocks to arrange your store how you please, change the colors and fonts to match your branding, and create a stylish, attention-grabbing Blogger online store that will appeal to your fans.

    Once you are happy with the design of your store, go back to your Selz dashboard and click back into ‘Buttons and Widgets’. This time, you will select ‘Store Button’. Here you can customize the look of your navigation button, then copy and paste it over into your Blogger online store when you are ready.

    How you do this will depend on the Blogger theme that you use, but generally, you’ll be able to paste the HTML code into your navigation (or wherever you want the button placed).

    Read: The 5 Most Effective Ways To Use Buy Now Buttons and Widgets

    And you’re done! A link to your store will appear on your homepage and your buyers will be able to shop within your store with ease.

    The benefits of using Selz on Blogger

    There are many benefits to selling this way with a Blogger online store. Here are a few of the advantages that will directly affect you as a seller:

    • Selz is quick and easy to use – you can be ready and selling in minutes.
    • You can get started for free and only pay a small fee per sale.
    • You get a professional-looking, secure checkout that keeps your customers on your blog while they purchase.
    • Your customers will have the option to buy using Visa, MasterCard, Amex or PayPal via the App.
    • Everything is taken care of by Selz. You get a reliable, secure store and without worrying about SSL, etc.
    • You can choose from different themes to change the look of your store and you can further customize it yourself.
    • If you are hosting video classes, there are no bandwidth or storage limits to worry about.
    • You can link to email tools like Quickbooks Online or MailChimp with direct integrations
    • Payment processing is taken care of and paid into PayPal or your bank account (if in AUS or US).

    Start taking your first orders today

    It’s entirely free to have a poke around Selz, and all the features come free with your 14-day trial. You can create an account and see for yourself how quick and easy it is to start selling from your Blogger online store. So don’t hesitate, give it a go.

    This post was originally published in May 2017 and has been updated for accuracy and comprehensiveness.