We've hacked together a solution for some blogging systems that don't allow plug-ins. It's not as elegant as the Wordpress solution, but it generally works.
FIRST: INSTALL THE CSS
In order to use Scrippets on your blog, you need to paste some code to handle the formatting. This is called CSS, and it already handles all the layout and typography on your blog. You just need to add a little to it.
1. Figure out where the CSS is stored. In most systems like Blogger and Tumblr, it's under a tab called "Customize," "Template," "Layout," or "HTML." If you see blocks with double-curly braces {} and descriptions of fonts and borders, that's probably the CSS.
2. After the last of these -- but before a </style> tag, if it's there -- paste the following block of text:
/*
Scrippet.css
Scrippet is a CSS template designed for including short sections of screenplay-formatted material in blog posts.
Originally developed by John August - johnaugust.com
Last modified 8/21/08
*/
div.scrippet {
width: 400px;
background: #fffffc;
color: #000000;
border: 1px solid #333;
padding: 5px 14px 15px 14px !important;
margin-bottom: 16px !important;
margin-left: 20px !important;
}
.scrippet p {
font: 12px/14px Courier, "Courier New", monospace !important;
text-align: left !important;
letter-spacing: 0 !important;
margin-top: 0px !important;
margin-bottom: 0px !important;
}
.sceneheader,
.action,
.character {
padding-top: 1.5ex !important;
}
.action {
padding-right: 5% !important;
font-size: 12px !important;
line-height: 14px !important;
}
.character {
padding-left: 40% !important;
}
.dialogue {
padding-left: 20% !important;
padding-right: 20% !important;
}
.parenthetical {
padding-left: 32% !important;
padding-right: 30% !important;
}
.dialogue + .parenthetical {
padding-bottom: 0 !important;
}
.transition {
padding-top: 3ex !important;
padding-left: 65% !important;
padding-bottom: 1.5ex !important;
}
3. Click on "Save Template" or whatever your system calls it.
You now have the CSS installed. Next, let's make a Scrippet and see if it works.
SECOND: HOW TO MAKE A SCRIPPET
4. Go to the following URI: http://scrippets.org/maker.html
5. Follow the instructions to create a scrippet. When you're done, copy the text in the "Converted Text" field.
6. Make a new post. Paste in the text you copied.
7. Publish and your scrippet should come through properly formatted.
Does it work? Please let us know, below.
Does it not work? Please let us know, below.
In testing, we've found that certain blogging themes are adding in extra lines. Also, some themes use columns narrower than the default scrippet width. Some of these issues we can fix; some we can't.