| Name | Beautiful and simple travel blogspot template |
| Make with | HTML,CSS,Javascript |
| Reponsive | True |
| Comment form | No [Contact if you want to add it] |
| Google lighthouse score | Solve it yourself |
| Author | codemai |
| Keywords | codemai, CodeMai travel blogspot template beautiful, |
Google lighthouse score
With cleared cache and these score may not be true in all cases
1. Desktop score
2. Mobile score
How to use:
1. Beautify the label name when displayed
If your post is labeled with the name "go-alone". But you want to display "Go alone" instead of "go-alone" on the label search page. (by default: "go-alone" will be displayed "go-alone")
Go to "edit HTML" and search this following snippet code:
And add the code like the image below:
2. Display image by label name
If you want to show a "bread" image on the label "bread" search page, like this:
Go to "edit HTML" and search this following snippet code (or similar - attention to the yellow line in the image below):
And add the code like the image below:
By default: There is an image that has been selected to display in most pages.
3. Thumbnail image and header image
By default: the first image of each post will be selected as the thumbnail image and header image.
But if you want to change thumbnail image and header image. Go to "Settings" and enable "Title link & Enclosure Links". Then add thumbnail image link into first link input field, click to "Add another enclosure link" and add header image link into newly created link input field. (in each posts editor at the "Links" section)
Bad news: Thumbnail image do not work in the Popular Posts widget.
4. Simple blockquote style
Use this code...
<div>
<blockquote class="summary-content">Quote here</blockquote>
</div> to style blockquote like the following:
hi my name is codemai and i am single
Full snap image:
