If Blogger doesn't allow you to upload HTML files to it then you will need to host the story HTML file on a different web-server, and then use that URL in point 3 instead. Edit that iframe HTML element so that it's src property references the URL from point 1. Added an iframe HTML element to your Blogger page.ģ. To be more precise, this is a line of code that you can copy to your web page: The src attribute. If you know copy and paste, you can do it. Iframe is just a very simple HTML code that is used to display content from another source into a web page.
Upload the story HTML file to your Blogger account, and then determine the URL to the newly uploaded HTML file.Ģ. The easiest way to embed an HTML5 project into your web page is using an iframe (inline frame). I don't have a Blogger account so I can't give you the exact instuctions on how to achieve the outcome that you want, but the basic steps are as follows:ġ. You are currently trying to directly embed the contents of the story HTML file within the Blogger page, and as you have found out that will cause errors because the story's JavaScript engine makes certain assumptions about the enviroment that aren't true when you do what you've done. The story HTML file generated by Twine is a self contained single page web-application, and as I briefly mentioned in my earlier comment you will need to use an iframe HTML element to embed it within a Blogger page.
