Monday, October 30, 2017

Using Blogger

We might see posts from some of the other Bookhouse Boys eventually. To that end, here are few fine points on using Blogger.

CSS

To tweak the CSS, go to

Theme | Customize | Advanced | Add CSS

Whitespace

Avoid putting two spaces after a period. The Blogger line-breaking algorithm might put one of the spaces at the beginning of a line.

Fonts

The Compose editor is convenient for the most part, but don't use the font or the text size drop downs. They insert inline styles, making it impossible to control the look of the site with CSS.

Code

The Compose editor does not provide a way to insert a code block. You could set the font to Courier to get a monospace font, but this uses inline styles and Courier isn't the monospace font you want to use.

A better method is to insert the text in the Compose editor. Then switch to the HTML editor; surround inline code with <code>...</code> tags and blocks with <pre><code>...</code></pre> tags. Indent the code by adding two spaces to the front of each line.

LaTeX

To enable LaTeX, switch to the HTML editor and insert this snippet:

<script type="text/x-mathjax-config">MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\$','\$']], processEscapes: true}});</script>
<script src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML" type="text/javascript"></script>

Mark off math equations from the rest of the text with doubled dollar signs: .

For inline math, set the text off with single dollar signs: \$\$. Use a backslash to escape two dollar signs in a line.

When creating a link, check the "open this link in a new window" box.

Footnotes

Switch to the HTML editor. Put this after the text to be footnoted:

<a href="#1" name="top1"><sup>1</sup></a>

Put this at the bottom of the post:

<a name="1">1.</a> Gary Gygax, <i>Dungeon Masters Guide</i> (TSR Games: 1979), p. 10<a href="#top1"><sup>↩</sup></a>

Labels

Labels are used to categorize posts. Separate multiple labels with commas.

Stray Whitespace

When editing, be careful not to add extra blank lines to the end of the post. They will be rendered when the post goes live.