MathJax setting in Blogger

blogger

To set up MathJax, one recommendation is to post this code into Blogger design:

<script src='http://cdn.mathjax.org/mathjax/latest/MathJax.js' type='text/javascript'>    
    MathJax.Hub.Config({
        HTML: ["input/TeX","output/HTML-CSS"],
        TeX: { extensions: ["AMSmath.js","AMSsymbols.js"], 
               equationNumbers: { autoNumber: "AMS" } },
        extensions: ["tex2jax.js"],
        jax: ["input/TeX","output/HTML-CSS"],
        tex2jax: { inlineMath: [ ['$','$'], ["\\(","\\)"] ],
                   displayMath: [ ['$$','$$'], ["\\[","\\]"] ],
                   processEscapes: true },
        "HTML-CSS": { availableFonts: ["TeX"],
                      linebreaks: { automatic: true } }
    });
</script>

But I failed to find header and design in my Blogger.

Can someone show me the process how to paste this code?

Best Answer

For this to work, I think you have to be using a Designer or Layout template, not one of the new Dynamic ones.

If you are doing that, then edit your Blogger template in the usual way (Dashboard > Template > Edit HTML) See Blogger Hints and Tips: How to Edit your Blogger Template for some more info about this.

Paste your code in the header, best immediately before the </head> closing tag.

If this does not work, something in your template makes it break. Let us know which one you are using.

Related Topic