Tiana Smith

Make your BookLikes webpage look as you wish. If you feel comfy with HTML coding, you can create custom look of your blog and other sub-sites of your website right away. Now you can edit your design theme with HTML.

For the time being we present you three main default BookLikes themes, they do vary in respect to design and layout but they use number of common elements of same sub-sites of: blog, shelf, timeline, followers and following.

How to edit your webpage in HTML on BookLikes?

Follow these steps:

1. Go to Settings/Blog and click “Customize”. Then choose design which you would like to edit, click green tick and then “Edit HTML” button.

2. Choose sub-site of your BookLikes webpage you’d like to edit: blog, shelf, timeline, followers, following. You can edit one page at a time. You can apply changes to one site or all of them.

3. Insert your custom HTML code. You can include, exclude, change as many elements as you want. You can also add any style to any HTML element by using ‘style’ tag and CSS.

4. Click Preview to make your modification visible. If you’re happy with the outcome, click Save. If you would like to change something more, do so and then Save. If you don’t like the outcome and would like to come back to default design, click Reset template.

For example, if you would like to change background of your blog for some image and  make post title bigger and underlined, this part of your custom code would look like that: 

You can apply changes to only one sub-site or to all of them - it depends on your, your invention and HTML knowledge. Take a look at BookLikes documentation - it may come in handy while editing your blog theme: http://booklikes.com/template/docs (see Templates in footnote).

Please remember:

Changes affect only your personal webpage in public view (yourusername.booklike.com) and your sub-sites (if you applied changes to them). Your modification won’t be visible on Dashboard.

You need to feel comfy with HTML and Twig to make custom blog theme. Be very careful while editing. Avoid typos and syntax mistakes, language and punctuation errors, inaccurate or incomplete HTML as this all will affect your custom design. To go back to default design, please click Reset template - your custom HTML will be removed from the code. 

If you don’t feel comfy with HTML coding, just wait a moment and soon we’ll give you handy and easy customization tools where you’ll be able to edit your webpage look without touching HTML code.

We're also planning to introduce new design themes for your BookLikes webpages. If you would like to contribute, create completely new themes, show off your design work and make it available for BookLikes Community, please let us know at contact@booklikes.com.