MathJax

Thursday, March 1, 2012

Using MathJax in Blogger

Simple process to get MathJax working in Blogger:
  • From the left sidebar of the Dashboard, click Layout.
  • Beneath the Header section of Layout, click Add a Gadget.
  • Scroll down until you find the gadget labeled HTML/JavaScript, and click the + to the upper right of that gadget:
  • Give it whatever title you want (it won't show on the blog). MathJax seems like an appropriate title.
  • In the Content area, paste this code (copy & paste it from here if you want):
<script type="text/javascript"
   src="http://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML">
</script>
  • Click Save.
  • When the Gadget window closes, you should be back on the Layout screen, so click the orange Save Arrangement button near the top. Watch carefully; the only indication your changes have been saved will be a quick pop-up to that effect.
  • Now you're ready to post. Write the text of your post normally, and when you're ready to include math, choose MathType's MathJax: LaTeX translator (from Cut and Copy Preferences dialog in MathType's Preferences menu). Create your expression in MathType, then cut or copy it, and paste it into your blog post. Note: If you want your math to be part of your sentence (instead of in a paragraph by itself), you must choose the Inline Equation property from MathType's Format menu. Here is an example of an inline equation: \(r = \sqrt {{x^2} + {y^2}} \). Here is an example of an equation that is not an inline equation (also called a display equation): \[\mathop {\lim }\limits_{x \to \infty } \frac{1}{x} = 0\].
  • NOTE: Your math won't "look like math" until you preview or publish your post. Until then, it will just look like code.

No comments:

Post a Comment

Note: Only a member of this blog may post a comment.