I've suggested adding a iFrame for each post..., this of course is not scalable... so that is why I've thought of another - better solution using HASH tags that requires very little code.
var post_page_name = location.hash;
document.getElementById('iframe').innerHTML = '<iframe src="http://blogsite.com/'+ post_page_name +'.html"></iframe>';
Let me explain the code...
music.html will have a link to essays.html, a hash tag will contain the name of the post you wish to load. So....
Once essays.html page loads, the location.hash code parses the current URL for the hash tag...
The iframe is then inserted into the webpage and the iframe loads up the correct post based on the hash tag.
This method could be extended for different sites by adding more to the hash parameters.... Consider
You'll need to a little extra parses using split there but it can be done.