Skip to main content

Blogger Magic - Repositioning Sidebar Gadgets

One of the more challenging limitations of Classic (HTML based) templates involved the template packaging.

Each template provided a combination of background, colours, fonts, and layout. If you wanted any different combination - a different background, for a set of colours and fonts, you would have to compromise on the layout. Or a specific layout meant a compromise on the colours and fonts.

Surely, somebody remembers the "Minima" vs "Minima Black" choice? And settling for the serif fonts, to get the right layout?

With the Layout class templates (XML based), Blogger introduced the "Fonts and Colours" wizard - and a beginning to making the packaging more modular.

Even with "Fonts and Colors", selecting blog layout required choosing the right template.

Then, Blogger gave us the Designer class templates - and choosing a layout became just a matter of proper use of the Template Designer, and the dashboard Layout page.

Now, the posts and sidebars arrangement is simply a matter of using the Layout tab, in the Template Designer - and choosing an acceptable combination of posts and sidebar columns. You will want to use the dashboard Layout page, after you use the Layout tab.

As an example, I'll provide my Template Test blog.

See the choices, in the Layout tab?


See the clever choice of posts and sidebar sections?

You'll see a small tweak in the Layouts page, that you don't see here. There's a second full width sidebar section, below the two half width sections - not shown in the Layout tab.


Even here, there is still some magic. By re positioning sidebar gadgets, using the dashboard Layout page, one may make them sit side by side, or above and below, each other - and when re positioned, may make some gadgets narrower or wider.

Please don't confuse the Template Designer Layout tab (shown above), and the dashboard Layout page (shown below). The two complement each other, in this exercise - but they are not the same!


Here we have gadgets Text1, Text2, Text3, and Text4 - Text1 above Text2, to the left of Text3 above Text4.



See the Text1, Text2 pair in the half sidebar width - to the left of Text3, Text4?



Now, take Text1 and Text3 - and re position them above, into the full width sidebar section.



And now we have Text1 above Text3, in full width, above Text2 and Text4, in half width.


This is just one possibility, of many. If you look at the Layout tab in the Template Designer, you can see an assortment of choices, for posts and sidebar sections.


See the mathematical combination of choices, for both posts / sidebars, and footers?


This is one less obvious benefit of using a Blogger standard template.

Comments

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 "ghs.google.com" vs. "ghs.googlehosted.com"?

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 "ghs.google.com" - am I supposed to use "ghs.googlehosted.com", 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.