Skip to main content

The "Layout" / "Page Elements" Wizard

With New Blogger 2006, Blogger added another layer of simplicity in web site development. They redesigned their templates, using Dynamic HTML, and XML, for more flexibility and options. And they added two key improvements.

  1. Template objects (aka "Page Elements", which are now called "gadgets").
  2. A GUI Page Elements editor, to setup, position, and maintain the template objects.

The Page Elements wizard lets you add and re locate objects on the blog page, and maintains the blog template.

This is Page Elements, in the Classic GUI.

This is the Layout page, 2016.

This is more of the Layout page, 2016.

The Page Elements wizard is reached from the Design link in the dashboard or navbar (when you use the Classic GUI) - or from the Layout menu entry (when you use the New GUI (2011)). If the blog is setup to use a dynamic template, "Page Elements" won't apply - and "Layout" won't even be part of the New GUI menu.

The Blog Posts widget, which is the largest individual object in the "Layout" / "Page Elements" display, lets you re arrange objects in the posts, and maintains the post template.

Blogger provides various commonly used blog accessories, that you can add as a simple page element, using the GUI page element editor. No more editing the template HTML code, to add popular page accessories.

  • AdSense. Add an AdSense ad to your blog.
  • Archive. Display an index of the posts in the blog.
  • BlogList. Combining a linklist with a blog feed gadget, a bloglist shows the most recent post from any set of blogs that interest you.
  • Contributors / Profile. Display information about yourself, or about the authors of your blog.
  • Feed. Add content from an RSS or Atom feed to your blog.
    • A feed from your blog.
    • A similar feed from any other blog.
    • Any feed from any other web site.
  • Followers. The Blogger merging of Blogger profiles, feeds, and focused "Next Blog" type surfing.
  • HTML/JavaScript. Add HTML / JavaScript code to your blog.
  • Labels. List the labels in the posts in your blog.
  • List. Make a list of your favourites.
  • Link List. Make a list of your favourites, linked to other posts, blogs, or web sites.
  • Logo. Add a Blogger logo to your blog.
  • Newsreel. Add current headlines from Google News to your blog.
  • Page Header. Display your blog's title and description.
  • Picture. Add a picture from your computer or from somewhere else on the web.
  • Poll. Survey your visitors.
  • Text (aka "Welcome Post"). Add some words to your blog - using Rich Text.
  • Video Bar. Display video clips, from YouTube and Google Video, in your blog.

Adding any of the above accessories is simple.

  • Starting from the dashboard, select "Design" / "Layout". Or, select "Design" on the navbar.
  • This puts you on "Page Elements" / "Layout".
  • Select "Add a Gadget".
  • You'll get a pop-up window "Add a Gadget", with all of the above choices presented to you.
  • Pick any one, for the appropriate wizard.

Compared to Old Blogger and the monolithic choice of the Classic template, probably 90% of the needs to customise the template code will be taken care of by the Page Elements GUI, and its peer the Fonts and Colors GUI. For another 9%, there's the HTML / JavaScript gadget.

Note that you may not always be able to add a new page element, or position it into a given section of the template, without occasionally making some changes to various settings in the template.

For the most part, though, you can now forget about editing the blog template to add a popular accessory. Just use the Page Elements GUI.

  • Select "Add a Gadget".
  • Select the gadget of your choice from the list.
  • Add some content, or select details, as necessary.
  • Hit "OK".
  • Re position your new gadget on the page, as necessary.
  • Hit "Save".
  • You're done.

Now, admire your new improvement.

Removing gadgets is simpler, still.

  • Identify the gadget to be removed.
  • Hit the "Edit" link, for the gadget in question.
  • Hit the "Remove" button.
  • Hit "Yes".
  • You're done.


Popular posts from this blog

What's The URL Of My Blog?

We see the plea for help, periodicallyI need the URL of my blog, so I can give it to my friends. Help!Who's buried in Grant's Tomb, after all?No Chuck, be polite.OK, OK. The title of this blog is "The Real Blogger Status", and the title of this post is "What's The URL Of My Blog?".

Leave Comments Here

Like any blogger, I appreciate polite comments, when they are relevant to the blog, and posted to the relevant article in the right blog. If you want to ask me a question thats relevant to blogging, but you can't find the right post to start with (I haven't written about everything blogger related, yet, nor the way things are going I don't expect to either), ask your questions here, or leave an entry in my guestbook.

As noted above, please note my commenting policy. If you post a comment to this post, I will probably treat it as a "Contact Me" post. If you have an issue that's relevant to any technical issue in the blog, please leave a comment on the specific post, not here. This post is for general comments, and for non posted contact to me.

If the form below does not work for you, check your third party cookies setting!

For actual technical issues, note that peer support in Blogger Help Forum: Something Is Broken, or Nitecruzr Dot Net - Blogging is, almos…

What Is "" vs. ""?

With Google Domains registered custom domains becoming more normal, we are seeing one odd attention to detail, expressed as confusion in Blogger Help Forum: Learn More About Blogger.My website uses "" - am I supposed to use "", instead?It's good to be attentive to detail, particularly with custom domain publishing. This is one detail that may not require immediate attention, however.