We've been providing some Blogger templates for people to download and add to their sites for free, but it seems that we assumed a critical piece of information: instructions for how to install them!
Up until fairly recently there was a problem with uploading a template through the new interface. It seems that what was happening was that if you had widgets installed in your site, that weren't in the template that you were uploading, the interface didn't quite know what to do with them so it threw an error message. It seems as if this issue has been fixed, but if you run into this problem, the way to get around it is by switching to the old interface by clicking on the gear icon in the top right corner. You can always switch back, but this seems to be a good workaround.
Moving on...
Step #1: Download your new template
You can download templates from anywhere, including our site, they just need to be written for Blogger, have the necessary elements, and be valid/strict XML format. Download the provided XML file and save it to your desktop (or other easy-to-find location).
Step #2: Make a backup!
Head to your Blogger dashboard page and click on Template in the navigation column. In the top right you'll see a button that says "Backup / Restore"; click on that button. An overlay window will show up with two options, one for downloading a backup and one for uploading a template. See that big orange button that says "download full template"? Click on it!
Save the provided XML file somewhere on your computer. You will need this if it turns out you don't like the new template and want to revert back; there is no other way to revert back! I also recommend adding the date into your template file's name so that you can revert back to a version of your template if you need to (this is assuming you're not using any kind of version/source control, if so don't worry about this). You might save the file with a name such as template-2012-09-08.xml as an example.
Step #3: Install the template
Once you've saved a copy of your existing template, use the second option in that overlay window by clicking on the "browse" button. Use the finder to select the new template from your desktop (or wherever you saved it in Step #1), then click on the orange "Upload" button.
Voila! Your new template should be installed!
Popular
-
Tip: A better automatic thumbnail and summary script for BloggerWhen we first started creating custom websites using Blogger, one of the first real script needs th…
-
Tip: Automatically resize your Blogger post's imagesYou've been blogging along for a while now, inserting your images into your blog posts and sizi…
-
Tip: Creating a newspaper layout in Blogger with the first image before the articleA request that often is brought up in Blogger development forums is the desire to break the convent…
-
Tip: How do I remove the Blogger bar at the top of my site?This is, far and away, the #1 question we're asked when people see the work we've done with…
-
Tip: Adding interactive captions to your Blogger images on hoverFor a long time I've been disappointed with the way most content management systems provide ima…
-
Featured Blogger Site: Pinch GalleryPinch Gallery in Northampton, MA is a vibrant, eclectic artisan gallery with a focus on art for th…
-
Tip: Cropping (square) and resizing your Picasa/Blogger imagesSomething that we've discovered is that there is more to the crazy URL string that you get when…


Post a Comment
Post a Comment