If you're installing a premium template on a Blogger blog that has existing content and is live, we strongly recommend you first install the template on a test blog, setup and tweak your blog and then export your new setup to your live blog.
There are a number of advantages to using a test blog:
- Test the template on your content prior to installing it on your live blog
- Practice the setup instructions so installing on your live blog will be quicker with less disruption to your live blog
- Transfer some of your test settings to your live blog to also reduce disruption to your live blog
- Transfer any changes made in the Blogger Template Designer (Customizer) to your live site from your test site
STEP 1: Export the data from your live blog
So that your test blog will look as much like your live blog as possible, you will want to export all your posts, images and pages to use for testing with the test blog you will be creating.
- Go to your Blogger Dashboard Overview page for your live blog.
- On the left-hand menu, click on the Settings link to visit your settings pages.
- Under the Settings pages, click on the Other sub-page.
- At the top of the Other settings page is a section called Import & back up. Click the Back up Content link.
- The Other > Back up Content popup will appear. Click on the gray Save to your computer button.
- A download popup should appear (depending on your operating system). Click the appropriate button to Save the file to your computer into a location of your choice or your designated download folder.
- Go the folder that you chose to download the blog export into. You will see an XML file with a name like: blog-11-10-15.xml (the 11-10-15 will be substituted with the appropriate date abbreviation for the date on which you exported the file). This is the file you will need to upload your posts to your test blog.
STEP 2: Export Your Template
- If you want to export your current template and install it on your test site, go to the Settings > Theme page on the Blogger Dashboard.
- In the upper right corner of the page, click on the gray Backup/Restore button.
- The Theme > Backup/Restore popup will open.
- Click on the orange Download theme button.
- A download dialog box will open on your computer.
- Save the file to your Downloads folder, desktop or file of your choice.
- The file will look something like: theme-#################.xml.
- You can then upload this theme to your staging site like any other theme from the Themes page.
STEP 3: Setup Your Staging Site
1. Create a new blog
- Sign into your Blogger Dashboard. On the main dashboard page, at the top left you will see the name of your current blog. Click on the down arrow to open the drop down list.
- At the bottom of the list is the option New blog...
- Click on this link.
- The Create a new blog window will open.
- Give your test blog a Title and enter an Address for your blog. You don’t need to worry about selecting a specific default template as you will be uploading your premium template.
- Click the Create blog! button to create your test blog.
- After you have created your new test blog, you will be directed to the main Blogger Dashboard page for that blog.
2. Import your live blog posts into your test blog
- For your new blog, visit the Settings > Other page as described in the section above.
- At the top of the Settings > Other page, under the Import & back up section, click the Import Content button.
- The Import Content popup window will open.
- Prove you're not a robot.
- Then click on the Import from computer button.
- Find the file you downloaded in Step 1 way above. (blog-##-##-####.xml) Select this file to upload to your site.
- Your content will begin to automatically upload.
- When upload is complete you will be directed to the Posts page and existing posts from your live blog will now populate your staging site.
3. Install your premium theme template
Follow the directions in the Install Your Blogger Template tutorial included with your template to install your new template on the test blog
Or install your downloaded template from Step 2 above.
- Go to the Theme page on the Blogger Dashboard.
- Click on the Backup/Restore button.
- Under the "Upload a theme from a file on your hard drive." option, click on the Browse button.
- Find the downloaded template file on your computer (theme-###################.xml) and select it.
- Click the Upload button.
- Your template will be uploaded.
- A yellow success message will flash on your screen when uploading is complete.
4. Set up your staging site
Follow the instructions included with your template to setup all your menus and gadgets on your test blog.
You may also customize your blog using the Blogger Template Designer. These settings will be exported and then imported into your live blog during the next step.
STEP 4: Export your blog setup to your live blog
1. Download your test template setup
Once you have finished setting up your gadgets and customizing your test blog, you can export your setup to your live blog.
- Go to the Theme page on your Blogger Dashboard.
- Click on the gray Backup/Restore button at the upper right corner of the window.
- The Backup/Restore popup window will appear.
- Click the orange Download theme button.
- A file save popup box will appear (depending on your operating system). Chose the option to save the file to a location of your choice on your computer or to your designated downloads file.
- On you computer, open the folder to which you downloaded the template file. You will see an XML file named theme-############.xml (the # symbols will be replaced by a long string of numbers. This is the file you will be uploading to your live blog.
2. Install your test setup on your live blog
Install the XML file you downloaded in the previous step onto your live blog following the instructions in the Install Your Blogger Template instructions that came with your premium Blogger Template.
A few notes about what will be installed on your live when you use this method:
- Social media icon settings will not carry over. You will need to add your links on the live blog.
- Some gadget settings do not carry over like settings in the Labels, Popular Post or Archive gadgets. You will have to re-adjust those settings.