This is sample text that exists outside of #blog-content; it remains the same all the time.
This is more sample text. As you can see, you can put these anywhere outside of #blog-content, including below or above #blog-nav. Use CSS to update their appearances or positions.
You can put a directory of your postes here if you don't want the user to manually navigate through the buttons above, especially if you have several postes. Here's an example:
If you have lot of postes and would prefer to have a separate archive page, you will have to link it manually instead of injecting it into index.html. For example, you can create archive.html and put it in the same folder as the rest of your entries, and you can link to it at yourwebsite.com/blog/archive (notice how there is no #).
Take note that archive.html would be an entirely separate webpage, not injected here into index.html, so it would not inherit the CSS and must be styled separately.
Alternatively, you could make 1.html your archive and just anchor link people to there if you want it to be injected into index.html itself.
You can look at my bloge to see a live example of how it might look with more styling.