Change your blog layout

You can change the layout of your blog.

  1. Sign in to Blogger.
  2. Select the blog to update.
  3. In the left menu, select Layout.

The layout of your blog is made up of gadgets. For example: header, blog archive, blog posts, and so on.

To change the layout of your blog, drag a gadget into its new location.

Change the gadgets on your blog

To change the settings of each gadget, on the lower right, click Edit.

Change blog post settings

In “Blog posts," on the lower right, click Edit.

  • Select how many posts appear on the main page and the format of your date.
  • Change “Posted by,” “Read more,” “Comments” and, “Links to this post.”
  • To allow readers to leave feedback without commenting, add and edit Reactions.
  • Let readers email and share your posts
  • Add or edit location
  • Show Author profile
  • Show ads between posts
  • Enable quick editing
Use quick editing on your blog

If you enable quick editing, you can edit your posts directly, from the live post. Quick editing requires cookies and can only be seen by admins if signed into Blogger.

Note: Edit links on your own blog will only work if your browser sends the referrer to Blogger, and your blog URL's host is the same as the referrer host.

You can also change how these elements will appear in your blog posts by dragging them to a different location.

Note: If you hit the webpage limit of 1 MB in size (including posts), change the number of posts on your main page.

CSS files are cached so you may have to reload to make updates appear.

Add a gadget

  1. Sign in to Blogger.
  2. Select the blog to update.
  3. In the left menu, select Layout.
  4. Click Add a gadget.
  5. In the pop-up window, select the gadget to add and click Add .
  6. On the top right, click Save arrangement.

Edit the HTML of your blog layout

You can edit the HTML of your layout.

  1. Sign in to Blogger.
  2. Select the blog to update.
  3. In the left menu, select Template.
  4. Under Live on Blog, click Edit HTML.
  5. Click Save Template.

Learn page element tagsfont and color tags and widget template tags before you start.

Use template designer for style changes without using HTML.

Google claims no ownership or control over any content submitted, posted, or displayed by an author on or through Google services. In addition, blog authors who add code or third-party widgets do so at their own risk.

Was this article helpful?