HaCkEd By KaSpEr511

New Installation : Latex on Blogger/Blogspot

October 9th, 2009

This is the updated procedure of how to install latex on your Blogger.

What’s New?

The script located in a more stable location (in google server) rather than using watchmath.com server (which sometimes down for some unknown reason).
New script, adapting the preference of either using \textstyle of \displaystyle as the default mode.
More flexibility. Customization on default size, color, adding latex packages and defining new commands.

How To Install

Use the instruction here, but in step one copy and use instead the following script.

<script src="http://latexonblogger.googlegroups.com/web/mathtex3.js?hl=en&amp;gda=R9ZVlD4AAABbAsbN4i7hi2ZFNZpVWCi9LFztQtuc529xoR6FBh351sAOXLBpscdVgFPClVlUxUzjsKXVs-X7bdXZc5buSfmx" type="text/javascript"></script>
<script type="text/javascript">window.mathPreamble =
 '\\newcommand{\\RR}{\\mathbb{R}}\\usepackage[usenames]{color}\\color{} \\gammacorrection{1.3}\\png \\normal ';replaceMath( document.body );</script>
 
<center>
<a href="http://www.watchmath.com">
<img alt="" src="http://www.watchmath.com/images/formula.png" width="100"></a>
<br>
<a href="http://watchmath.com/vlog/?p=1244">
Install LaTeX?</a></center>

Usage

Use $\LaTeX$ in order to get an inline math in \textstyle mode. For example if you type $\sum_{i=1}^nx_i$ (in blogger) you get $\textstyle\sum_{i=1}^nx_i$ .
Use $$\LaTeX $$ to gen an inline math in \displaystyle mode. For example if you type $$\sum_{i=1}^nx_i$$ (in blogger) you get $\displaystyle\sum_{i=1}^nx_i$ .
Use \[\LaTeX\] to get a math symbol written in a new line and aligned center. For example if you type \[\sum_{i=1}^nx_i\] (in blogger) you get $\sum_{i=1}^nx_i$ .

Customization

Modify

window.mathPreamble =
 '\\newcommand{\\RR}{\\mathbb{R}}\\usepackage[usenames]{color}\\color{} \\gammacorrection{1}\\png \\normal ';

in the script above. All extra command will be written inside the quotation marks.

Color: To change the default color, replace \\color{} by \\color{colorname} where colorname is one of the entries in the following table $\begin{tabular}{|l|l|l|l|}\hline{\color{Apricot} Apricot}&{\color{Aquamarine} Aquamarine}&{\color{Bittersweet} Bittersweet}&{\color{Black} Black}\\ \hline{\color{Blue} Blue}&{\color{BlueGreen} BlueGreen}&{\color{BlueViolet} BlueViolet}&{\color{BrickRed} BrickRed}\\ \hline{\color{Brown} Brown}&{\color{BurntOrange} BurntOrange}&{\color{CadetBlue} CadetBlue}&{\color{CarnationPink} CarnationPink}\\ \hline{\color{Cerulean} Cerulean}&{\color{CornflowerBlue} CornflowerBlue}&{\color{Cyan} Cyan}&{\color{Dandelion} Dandelion}\\ \hline{\color{DarkOrchid} DarkOrchid}&{\color{Emerald} Emerald}&{\color{ForestGreen} ForestGreen}&{\color{Fuchsia} Fuchsia}\\ \hline{\color{Goldenrod} Goldenrod}&{\color{Gray} Gray}&{\color{Green} Green}&{\color{GreenYellow} GreenYellow}\\ \hline{\color{JungleGreen} JungleGreen}&{\color{Lavender} Lavender}&{\color{LimeGreen} LimeGreen}&{\color{Magenta} Magenta}\\ \hline{\color{Mahogany} Mahogany}&{\color{Maroon} Maroon}&{\color{Melon} Melon}&{\color{MidnightBlue} MidnightBlue}\\ \hline{\color{Mulberry} Mulberry}&{\color{NavyBlue} NavyBlue}&{\color{OliveGreen} OliveGreen}&{\color{Orange} Orange}\\ \hline{\color{OrangeRed} OrangeRed}&{\color{Orchid} Orchid}&{\color{Peach} Peach}&{\color{Periwinkle} Periwinkle}\\ \hline{\color{PineGreen} PineGreen}&{\color{Plum} Plum}&{\color{ProcessBlue} ProcessBlue}&{\color{Purple} Purple}\\ \hline{\color{RawSienna} RawSienna}&{\color{Red} Red}&{\color{RedOrange} RedOrange}&{\color{RedViolet} RedViolet}\\ \hline{\color{Rhodamine} Rhodamine}&{\color{RoyalBlue} RoyalBlue}&{\color{RoyalPurple} RoyalPurple}&{\color{RubineRed} RubineRed}\\ \hline{\color{Salmon} Salmon}&{\color{SeaGreen} SeaGreen}&{\color{Sepia} Sepia}&{\color{SkyBlue} SkyBlue}\\ \hline{\color{SpringGreen} SpringGreen}&{\color{Tan} Tan}&{\color{TealBlue} TealBlue}&{\color{Thistle} Thistle}\\ \hline{\color{Turquoise} Turquoise}&{\color{Violet} Violet}&{\color{VioletRed} VioletRed}&{\color{White} White}\\ \hline{\color{WildStrawberry} WildStrawberry}&{\color{Yellow} Yellow}&{\color{YellowGreen} YellowGreen}&{\color{YellowOrange} YellowOrange}\\ \hline\end{tabular}$
Size: by default the latex output is in normal size. To change the default size, change \\normal by one of the following: \\tiny, \\scriptsize,\\large,\\Large,\\huge.
Latex Package: by default the package \\usepackage[usenames]{color} is included. You can add more package by adding \\usepackage{packagename}. To test whether a particular package is supported, type \usepackage{packagename} (use only one backslash this time) in an inline command. For example, fancybox package is supported by mathtex because if you type $\usepackage{fancybox}\shadowbox{This is fancy}$ you will get $\usepackage{fancybox}\shadowbox{This is fancy}$ . Here is a list of package that I know work with mathtex: xypic, calrsfs, calligra, fancybox,epic,eepic(?). Let me know if you find another package that works with mathtex.
Newcommand: we have included an example how to define a new command in the script above. We use \\newcommand{\\RR}{\\mathbb{R}} to define a command \RR. Typing $\RR$ (in blogger) will give you the same result as typing $\mathbb{R}$, i.e., you get $\mathbb{R}$ .
Darkness: \\gammacorrection{1.3} controls the darkness of the output. Do experiments to get the best result by changing 1.3 into any number you like.

Demo?

Visit http://www.watchmath.blogspot.com

Categories: Latex, Latex On Blogger

Tags: blogger, Latex, Latex On Blogger, Latex on Blogspot, mathtex, TeX, Typesetting Leave a comment

maxime October 17th, 2009

Sounds like big improvements. Thank you!

The problem is that it doesn’t work anymore at all, whether with the new or the old code…

Cheers,
Maxime.

xelnx October 17th, 2009

Yes it does not work anymore. Please help to restore the old service.

Dan M October 18th, 2009

Definitely down… hope you are able to restore this soon.

Barbarel October 18th, 2009

My blog is destroyed

watchmath October 19th, 2009

Hi, the mathtex public server that I used for my script in is unavailable now. I replaced by a new mathtex server, but it seems the latex package [usenames]{color} is not supported. But at least for the old installation, the math should be work. I try to find the best public mathtex server at the moment.

Jiuning October 22nd, 2009

I tried your method but it does not work. You can check my blog site.

http://jiuning.blogspot.com/

Why is that? 3x.

THE CLONE WARS « PSYCHEDELIC GEOMETRY October 24th, 2009

[...] tired of rewritting the same posts again and again due to the problems with the external services that work with blogger, so I decided to make some changes in order to [...]

Philipp November 16th, 2009

Is this script working again? Tried it on my site but no success. Wondering if it’s an error in my HTML template or if it’s just down.
Cheers,
Philipp

Paul Titze November 16th, 2009

My blog is on Blogger and this is just what I was looking for however is this working for anyone? I’ve also found in Google Docs has an Equation editor and also found Google’s online chart maker allows LaTeX commands:

http://chart.apis.google.com/chart?cht=tx&chl=\LaTeX

Cheers, Paul.

This script is actually _WORKING_!
Some caveats: Don’t use the script on googlegroups.com, it has the wrong mathtex server in it. Use http://watchmath.com/cgi-bin/mathtex3.js instead. Also, the two … blocks do not belong into the header but in the of the HTML file. I uploaded a barebones HTML file demonstrating the usage here.

I lied. the http://www.cyberroadie.org/cgi-bin/mathtex.cgi? server does work as well. Use either script on googlegroups or wathmath.com but make sure to copy the script tags into the body of the HTML file, as in the previous post.

Paul Titze November 17th, 2009

Of got it working in my blogsite, posted a few examples in my latest post, good stuff.

watchmath November 17th, 2009

Thanks to inform me about this. I did made a request to the cyberroadie.org owner to make his public mathtex running again. I didn’t check his reply in his own blog. But glad to know it works again since his server is my favorite.

Paul Titze November 22nd, 2009

The LaTeX script twasn’t working today (Sunday), was working the past week OK. Can we get something more stable?

watchmath November 23rd, 2009

Yes, the mathtex server in cyberroadie.org is down again. Try the instruction here .
The mathtex server for this sctipt is more reliable but less flexible (it doesn’t support \newcommand ). Good luck!

Paul Titze November 24th, 2009

Ok the equations are back up again however I’ve reverted to the script in the link you gave (the old one).

watchmath November 24th, 2009

The owner of the cyberroadie.org emailed me. He said his mathtex server was down because he moved his server to a new server and said everything should be smooth from now on. Up to you you, you can use my old script or my new one.
Cheers

oxolodonian December 26th, 2009

HI, it seems that the code with ” ‘ ” character doesnt works (due to conflict meaning with html ) for example $\int_0^a f'(t) \, dt$ doesnt give me what i want.

watchmath December 26th, 2009

You can use $\prime$ to get the same thing.
For example when you type $f^\prime (t)$ you get $f^\prime(t)$ .

Akash Kumar December 28th, 2009

Hello There,

I have some difficulty writing $R^m$ on my blog.

See the last paragraph here http://akash-student-theory-cs.blogspot.com/2009/12/lattice-based-cryptography-getting.html

watchmath December 29th, 2009

Hi, thank you for visiting my blog.
I checked the last paragraph as you suggested. From my browser (Firefox) I can see correctly the $R^m$ written in $\text{[math]}$ . Can you tell me what was the browser that you used?

Akash Kumar December 29th, 2009

Hello watchmath,

Its working fine. Actually it was a problem with the blog “template”. Tobe precise it was the template called scribe.

Thanks again.

And great work….you have done a great service to the human race. I mean it.

Armando Martinez February 18th, 2010

I have a problem which may have been overlooked by Blogger, inherent in the fact that you can write a post in plain HTML code or in the Blogger editor. In writing formulas with math symbols there is a thorny issue with the symbols that stand for “bigger than” (>) and “less than”. When writing a post, if we put a statement like:

“for P<i then x = 4"

then when the Blogger editor parses the statement it will interpret the "P<i" string as actually opening up an HTML tag of italic characters (italics are specified in HTML with the tags and ), and since there are many other opening tags, it is virtually impossible to use the bigger than or less than symbols as math symbols in a Blogger entry. Perhaps there may be some trick to tell the Blogger editor not to interpret the symbols as part of opening or closing HTML tags, something like adding a double backwards slash that will not show up on the main entry. If someone knows about this, I would appreciate it if he/she could tell me how to do it. And if it cannot be done, perhaps someone should tell Blogger about this issue so that they fix it or provide some turnaround to avoid the the symbols from being interpreted as HTML tags when in fact one expects them to be interpreted as plain symbols with no HTML meaning ascribed to them.

ateixeira February 18th, 2010

Once again here I am bothering you

But after asking you why this doesn’t support the \displaystyle command (for instance $\displaystyle \fra{1}{2}$ ) I’ve come across this other post of yours.

I’m getting a little difficulty understanding this: “New script, adapting the preference of either using \textstyle of \displaystyle as the default mode”. How do I make \displaystyle being the default mode?

I’m asking you this because as I already said I’m using another script together with yours an first I get a .tex file that gets converted to an .html file to which I copy and paste into my blogger editor. So the two dollar signs code to get an inline displaystyle gets into some conflicts.

Once again thanks for all the work.

Try giving spaces everytime you use . For instance don’t write ab. You should write a b. This gets the trick done for me.

And if you really want to save some real time while getting equations to your blog I suggest using this other script: http://lucatrevisan.wordpress.com/latex-to-wordpress/ it converts a .tex file into a .html file ready to be used in wordpress.com

I made a few changes on that python script and now it also works in blogger, so if you are interested just go to my blog and download it.

And remember that even if you use latex2blogger you have to write a < b in your original .tex file.

Take care

Thankks for the tip. Unfortunately, simply adding blank spaces into the HTML code in Blogger doesn’t work because when you switch from the normal editor mode to the HTML editor mode back and forth, the HTML code is parsed and the blank spaces are ignored. And the parsing is done automatically even after simply uploading an image to the entry in Blogger. You can check this for yourself by creating an entry with lines of code such as the following (using the normal editor mode, not the HTML mode):

———-

Math equations (non-LaTeX)in Blogger using bigger than and less than symbols: If x < i then the value of the wave function oscillates in such a way that for m 5 for the probability distribution when h < a in the limits of the boundary conditions.

———–

At the very least, it is unlikely the symbols will be printed when the entry is actually seen in a Mozilla Firefox browser, but then this seems to be more of an issue with Blogger where these two symbols seem to have been reserved for the HTML functions. Indeed, even if you are not doing any math at all in an entry, using liberally the symbols may wreak havoc on the work being posted. (I have tried to use the Unicode simbols instead of the ordinary ASCII , but Blogger defeats this attempt and still manages to grab those two symbols for HTML interpretation of its HTML code even if you don’t go into HTML editing mode, and this will show up after the work is posted online).

Guess what! It seems that even this WatchMath.com comments posting editor bombs when trying to get a less than or bigger than symbol printed. I found it out when the reply I posted got misinterpreted, a section that had a “less than” symbol followed by “for the probability distribution when h “less than” a in the limits of the boundary conditions…”. What would have been an italics directiv (a minus symbol followed by a letter i) did not get misinterpreted, the less than symbol managed to get printed followed by the letter i. But if you notice, even in your reply when you probably tried to print a “less than” b, everything got printed boldface afterwards, which I don’t believe was the original intention. Blogger is even worse in this respect. However, I still believe that Blogger has a combination of symbols reserved for immediate use prior to the “less than” and “bigger than” symbols to prevent them from being grabbed for HTML interpretation. If they do, it may be one of their best guarded secrets. Perhaps someone here at WatchMath can discover that well-guarded Blogger secret, if it exists at all.

Just go to my blog. If you download the package I made available everything works fine as long as you put the spaces in the original .tex file.

I changed this script a little bit (http://lucatrevisan.wordpress.com/latex-to-wordpress/) in order for it to work on blogger.

If you are used to writting in LateX I think this will work fine just for you. You get to write your posts in LateX and hence to save a copy of them, you save a lot of time, and the final result is very reader friendly.

watchmath February 20th, 2010

I forgot what I meant by that .
The default step up of mathtex software (not the mathtex script) is in display style mode. The command $$\LaTeX $$ will produce everything in display style.
The mathtex.js script put the \textstyle command at the beginning of every math symbols written using the command $\latex$. So then when you put a display style command it won’t change anything. For example if you write say $a^2$, the script change it into $\textstyle{a^2}$. So then if you write something like $a+\displaystyle \frac{a}{b}$, the script will change it into $\textstyle{a+\displaystyle \frac{a}{b}}$ which resulted in $\frac{a}{b}$ is still written in textstyle mode.

I type “for $P<i$ then $x = 4$ ” in the comment of http://www.watchmath.blogspot.com without problem.

But yes if you don’t the put the math inside dollars, the less than i notation will interpret it as the italic tag.

I see the problem now. When I posted $<i$ on the comment it works fine but it gives me problem when I post the notation on an article.
In this case I can’t help you because that is how blogger works, it will right away check if it has an html tag.

The solution I guess is to be aware of that problem and avoid using $<i$ or $<b$ or other predefined html tag.

======
(updated)
I found something, you can get away with your problem by writing < using \textless and writing > using \textgreater. You can see how it works on http://www.watchmath.blogspot.com.

ateixeira February 21st, 2010

Oh I see.In that case is it possible to change the default of mathtex to \displaystyle in any place of the java script you provided?

watchmath February 21st, 2010

Yes.
I believe that the older mathtex.js script is using the \displaystyle as the default mode.

ateixeira February 22nd, 2010

In that case I’ll give a try. Thanks for all your help.

Alan February 26th, 2010

Hello, I’m having a issue with the latex script. Actually, this is the first time that, istead of latex equations I got a blank box with red text saying: “(4)Can’t mkdir cgi-bin/tempnam/ work diretory: check permissions. See mathtex.html#message4″. How can I fix this? Thanks

watchmath February 26th, 2010

Yes, it seems that the mathtex server in cyberroadie is stop working. I’ll take a look into this later.

I appreciate your effort. Thanks for the answer.

Florence March 25th, 2010

Hello Alan

I had the same problem as you. It is now resolved. So, I changed the slashes (\) in dollars ($) when I was writing LateX and I used Firefox instead of Internet Explorer and Google Chrome.

Good luck

Insérer des équations mathématiques dans un blog March 28th, 2010

[...] au site “Les inclassables mathématiques” pour le tuyau, ainsi qu’au site watchmath.com (en anglais) pour le code [...]

Dan April 5th, 2010

Hi, I’ve been trying to use your script for some time now on http://dihedralsoup.blogspot.com/ and I’m having a few issues when testing between browsers. I seem to have no problems in Firefox, but Chrome and IE7 things don’t work as expected. In Chrome, when the page initially loads the rendering of the LaTeX is very inconsistent – that is that sometimes all of the images render and sometimes none of the images render. In Chrome, though, it seems to always render just fine if I refresh the page. Then in IE7 only the very first instance of LaTeX on a page will render and the rest of them won’t. Any insight would be excellent, thanks!

David April 9th, 2010

Hello WatchMath,

Thank you to have a look and post a comment in my blog : http://lesmathematiquesausecondaire.blogspot.com/2010/03/comment-utiliser-les-regles-de-calculs.html#comments

May I ask you if you know more details about what it works or not with Blogger and Latex ?

You see I wrote two posts about solutions I find about “tabular” codes, but if you can give me a link where someone has already fixed this questions, I will be gratefull. No problem if it’s in english…

If not, I will continue to post with my weak math’s production on my blog. I hope it will help others, even it is in french ?

My question in the moment is to introduce \multicolumn and \multirow codes in Blogger, and it is not too easy. But I progress …

Regards.

a French math’s teacher

Giniu April 12th, 2010

I have some issues with this, the http://latexonblogger.googlegroups.com/web/mathtex3.js or http://latexonblogger.googlegroups.com/web/mathtex4.js are constantly changing, each time there is new “key”, my page stops working. Is there some other, reliable but also stable place where I can link to mathtex*.js? If latexonblogger would have google code page, it should not change url of published files, and no key should be needed, so you could make project for it there? Thanks in advance for answers!

swagat April 20th, 2010

I could not get the script working on my blog. I followed the steps. Is there anything I missed out? It just prints the latex on the post.

Robert Duval June 4th, 2010

Do you need to have latex installed in the server?

JuanPi June 7th, 2010

Hi,
Thanks a lot for your code!
I have use it in my blog, but every time write an inline equation, either with $or$ $, I get a newline. Could you tell me how to solve this issue. Take a look
http://lavidasegunjuanpi.blogspot.com/2010/06/blinn-phong-halfway-vector-and.html (click on the English version)

It may be that there is a conflict with the Javascript I am using to hide and show the divs in different languages?

Thanks!
JPi

Yann June 12th, 2010

Hi,
Thanks a lot for this very useful plugin. However, like some of other bloggers, it doesn’t seem to be working, unfortunately, despite having followed the installation steps one by one… Is there still an issue with the server the plugin is hosted on, or does the malfunction come from my side?
Thanks a lot for your help!
All the best,
Yann. ;o)

Akash Kumar June 30th, 2010

Thanks for it was you who once helped me setup latex on my blog.

It seems that the mathtex3.js server is also down. If you see this message and find the time (and patience) to again let me know the remedy to this solution, please let me know the same.

My blog’s life hangs in balance

Best Regards
-Akash

Thanks to you for it was you who once helped me setup latex on my blog.

New Installation : Latex on Blogger/Blogspot

What’s New?

How To Install

Usage

Customization

Demo?

49 Comments

Leave a comment

Subscribe

Translator

Recent Posts

Categories

Math Videos

Search

Comments

Meta

Categories