Thank you for choosing Zoé Lou template!
Please use the left menu to navigate the manual.
Backup your template
The installation is pretty straightforward, but if you encounter any problems, or simply would rather have us do it for you, contact us here.
It is important to start with a backup. In case anything goes wrong – you’ll be able to quickly go back to the starting point.
Go to your blog’s Template settings and click the Backup/Restore button on the top right corner of the screen.
Next, choose Download full template and choose where to save your backup file.
Whenever you need to restore your backup, simply follow the instructions for uploading the template, but use your backup file instead of your backup file.
Upload new template
First, prepare the template file. You should receive a .zip package with your template. Unzip it (or simply open the zip file) and look for the file with .xml ending. That’s your template file. This is the file that you need to upload to Blogger.
Go to your Blogger dashboard and open Template settings page. Click the Backup/Restore button on the top right corner of the screen.
Next, click Choose file and point to the .xml template file that you’ve prepared and then click Upload.
That’s it! If everything went fine and the correct file has been uploaded there should not be any message and a new preview of the template should appear in the Live on Blog box.
Responsive template set up
The template is responsive, but to make sure that Blogger is not spoiling it up with some mobile view you need to set it up first.
To do that, go to Template page in your dashboard and click the cog icon below the mobile view:
And select the option: No. Show desktop template on mobile devices.
Click Save and you’re done here!
Editing blog title
To edit how your Blog Title looks like go to Layout page in your dashboard and click Edit button on the Header gadget:
You can use Blog Title and Description fields to create your blog title. The font used in the template will be used automatically.
If you choose that, but would like to use a different font than the one originally used in the template or would like to change the size of the title or description – you can do that in the template Customize area. To get there, go to Layout page and click the Customize button.
There in the Template Designer Window choose an Advanced tab and click Blog Title:
You can choose a different font, modify font settings like font weight (bold) or font style (italics) and choose font’s size and color.
If at any time you want to bring back the default settings – simply click the blue link saying: Clear advanced changes to the blog title.
But maybe you want to use your own image for the blog title? That’s even easier! Come back to the Layout page of the dashboard and click Edit on the Header gadget. Below the blog title and description you will find options to upload your own image.
If the image should serve as a background to the title choose Behind title and description. If on the other hand you have a complete header ready and want to use it instead of the default setting, choose Instead of title and description.
Circle shaped profile picture
The About Me section of your template takes the photo from your Blogger profile.That means that to change or add your photo you need to go to your Blogger profile. If you’re using a Google+ profile, it will look a bit differently. In that case just edit your profile on Google+.
To do that click on your name in the upper right corner:
When the box with options appears, click on Blogger profile:
On the profile page find, click Edit profile button in the upper right corner of the screen:
And on the next page find a Profile Photo section and remove your image (if you want to change it).
Then, add a new photo by selecting From your computer and clicking Choose File.
When you’re finished, click the Save Profile button on the bottom of the page.
Pinterest and Instagram gadgets
If you want to use a Pinterest gadget that was shown in the template example, use this generator to create the code and then copy and paste the code to the HTML gadget in the sidebar that is called Latest Pins.
Code to copy:
To create an Instagram gadget in your sidebar, please use this method that we described in a blog post: Blogger Instagram Feed.
Now you should have everything set up. Again, if you have any problems, or simply would rather have us do the installation for you, contact us here.
If you think that this manual is incomplete or would like to know how to do something that’s not covered by it, then leave us a comment here, drop us a line in our contact form or shoot us a message through Facebook, Twitter, or Etsy.
Thank you ♥︎
Kat & Luk