Blogger theme

Zoé Lou

Zoé Lou is a clean, minimalist theme with well-balanced linear layout. It's a versatile theme, ideal for almost every type of content. If you prefer polished, subtle designs this airy look will be a perfect frame for your story.

_

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.

Blogger backup

Next, choose Download full template and choose where to save your backup file.

blogger backup button

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.

Blogger backup

Next, click Choose file and point to the .xml template file that you’ve prepared and then click Upload.

Blogger upload button

 

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:

1

And select the option: No. Show desktop template on mobile devices.

2

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:

blog_title_1

You can use Blog Title and Description fields to create your blog title. The font used in the template will be used automatically.

blog_title_2

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.

blog_title_3

There in the Template Designer Window choose an Advanced tab and click Blog Title:

blog_title_4

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.

blog_title_5

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:profile_1

 

When the box with options appears, click on Blogger profile:

profile_2

On the profile page find, click Edit profile button in the upper right corner of the screen:

profile_3

And on the next page find a Profile Photo section and remove your image (if you want to change it).

profile_4 

Then, add a new photo by selecting From your computer and clicking Choose File.

profile_5

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.

Pinterest board:
(You can leave this blank if you want to show the latest pins from all boards.)

Height:

To create an Instagram gadget in your sidebar, please use this method that we described in a blog post: Blogger Instagram Feed.

Final notes

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

Leave a Reply