Blogger Introduces A New Template HTML Editor

A few days ago I had wanted to do a tutorial on some new blogging techniques that I've learned recently, only to be surprised that the Edit Template editor that I was familiar with had 'disappeared' without warning! To see the new Template HTML Editor, click the 'Template' tab on the Blogger dashboard, then the 'Edit HTML' button.

Blogger has updated it with new features, an improved version that's to bring smiles to many.

This is good news to many, especially the web-developers, programmers and tech-savvy blog owners, but sad news to as many of us ordinary bloggers who are technically challenged!

I fall under the second group.... before I can master the old, it is being replaced by the new, a roller coaster ride until I learn and catch up again.

Change Font Style of Page Tabs easily in Blogger blogs (revisited)

Gosh! I wasn't aware until recently that Blogger's Template Designer has provided a wide variety of web fonts from Google Web Fonts API for the various elements in our blog's template. Previously, we had to be contented with just 7 default ones, namely, Arial, Courier, Georgia, Impact, Times New Roman, Trebuchet and Verdana.

But now, with the long list of font choices made available,  changing the font style and appearance of the page tabs would be a breeze! You will be spoilt with choice!

No need at all to edit the HTML of our blog's template as previously mentioned at my earlier tutorial or to tackle with custom CSS codes. Thus, I felt it'll be good to present an updated tutorial because there may be many bloggers (like me, previously) who are not aware of these high-quality, open-source web fonts that are offered by Blogger at the Template Designer.

How to center-align Pages/Pagelist gadget in Blogger

Thanks to Vanessa Morgan who had recently visited this blog and wanted to know how to center the horizontal page tabs below the blog's header. That spurred me to google for answers after several hours of failed attempts to do it on my own.

I'm terribly happy to have learned much from GreenLava, the guru at Blogger Sentral who's most helpful and generous in sharing his knowledge and expertise. THANK YOU!

By default, the Pagelist or Pages gadget is left-aligned in Blogger blogs but can be easily aligned to the center if you so desire.

Learn how to center the Pages or PageList gadget,
that's located below the blog's header, by following these simple steps:

Hide, Remove or Color Change the Navbar in Blogspot

Have you ever wanted to remove the default Navigation Bar (Navbar) at the top of your Blogger blogspot which features the search box and other useful links? I myself had wanted to often times, but nonetheless, the ease of signing in and out of Blogger or to access the admin pages of my blog so easily via the Navbar far exceeds my distaste of its previously default blue color.

Great that Blogger has made available for us to alter or change the colour of the Navbar to blend with our blog's theme or design which is a significant improvement aesthetically, especially with the transparency options. Once done, I was most contented and had no desire whatsoever to hide or remove the Navbar ....or so I thought until I learned something new recently!

Add CSS in the Template Designer to restyle your blog's appearance

My first attempt at modifying the appearance of this blog after a makeover with the Blogger's Template Designer, by editing its Template via Design | Edit HTML, was quite a handful! But armed with the extra knowledge acquired since and further experimenting with the Designer for my other blog, Peacockflower's World, I'm extremely happy to have discovered the easier alternative way to do it.

No need to go about the long and winding way of editing the blog's template (i.e. Edit HTML) which can be quite intimidating and may risk messing up the codes! Just use custom CSS (cascading style sheets) to restyle the feel and look of your blog! Once you've learned how-to, it's really quite simple, fast and fuss-free!

Follow these steps to
add custom CSS to your template, using the Template Designer :