3 July 2025
Procedure to create blog page or post from static list of posts saved html file is given below. Example of a page created with this procedure: Static Copy of List of Posts in Blog In Reverse Chronological Order taken on 1 July 2025, https://raviswdev.blogspot.com/p/static-copy-of-list-of-posts-in-blog-in.html .
1) Copy the html of saved list of posts html file to a temporary file.
2) Open the temporary file in an editor.
3) Remove DOCTYPE html tag and HTML start and end tags.
4) Retain style element of head element but remove other head elements (meta, title) and head start and end tags. Now style element will be at top level (not within a head element).
5) In style element, remove body CSS rule:
body { font-family: sans-serif; margin: 20px; line-height: 1.5; }
6) In style element, remove dark mode code:
/* Dark mode overrides using prefers-color-scheme */
@media (prefers-color-scheme: dark) { ... }
7) Remove body element start and end tags - and .
8) Optionally convert web app name in HTML content to a link:
Replace text: Blogger All Posts Lister
with:
Blogger All Posts Lister web app
9) Copy paste the contents of modified temporary file contents into an empty blog page/post in HTML view (not Compose view).
10) Switch to Compose view and check if contents are shown in it.
11) Publish page/post and check its contents both in light and dark modes (should be same in both modes).
Notes
A) Blogger puts all the HTML content of the blog page/post within a div element. A style element placed within a div element and as its first element, will be applied to all other elements in the div element, according to the CSS rules defined in the style element (unless overridden by other style elements and/or inline styles).
Placing a