HaCkEd By KaSpEr511

How To Install Latex On Blogger/Blogspot

July 10th, 2009

The mathtex server is down. Change mathtex2.js on the script into mathtex3.js.

Mathtex3.js using the mathtex server of John Forkosh.

There were some people who moved from Blogger to WordPress because the later has a capability to render math formula/equation/symbols by using LaTeX syntax. I also observed that there are many math Blogger who faithfully stay with Blogger. I believe that given the some capability to write math formula as in WordPress will give more power to the blogger to express their idea and also to make the reader easier to grasp the ide on their article. Besides that of course having latex on your blog make your blog more beautiful . Ok without further ado here are the steps to enable latex on your blogger (thanks to John Forkosh for his mathtex public server and thanks to Randall Farmer for his replacemath javascript)

Copy the following javascript code:

<script src="http://www.watchmath.com/cgi-bin/mathtex3.js" type="text/javascript"></script>
<script type="text/javascript">
replaceMath( document.body );</script>
<a href="http://www.watchmath.com">
<img src="http://www.watchmath.com/images/formula.png" alt="" width="100" /></a>
 
<a href="http://watchmath.com/vlog/?p=438">
Math Formula?</a>

Go to your Blogger dashboard and select layout
Click Add a Gadget on your right sidebar (or left depending on your tempate) and add HTML/Javascript onto your sidebar
Leave out the title and past the javascript that you copied in step 1 right into the content and then save
Thats it! You are done. Now you can type your latex code between two dollar signs to get the inline style math symbols or write it as or $\backslash [ latexcode \backslash]$ to get a display style math symbols (just play around to see their differences)

There are some notes regarding the above installation:

The javascript above will also produce on on your sidebar a logo an a link to this very post. The idea is that if a visitor of your blog also wants to install latex on her blog then she can follow the link to this post. The logo will look like this latex_formula If you don’t like it you can remove it by deleting this part:

<a href="http://www.watchmath.com">
<img src="http://www.watchmath.com/images/formula.png" alt="" width="100" /></a>
 
<a href="http://watchmath.com/vlog/?p=438">
Math Formula?</a>

from the javascript code on step 1.

To see how does the latex looks like on a blogspot, checkout the address: http://www.watchmath.blogspot.com

Categories: Latex, Latex On Blogger

Tags: blogger, blogspot, Latex, latex for blogger, mathtex Leave a comment

Math Teachers at Play #12 « The Number Warrior July 24th, 2009

[...] Want to post math equations on Blogger/Blogspot like you’ve seen on WordPress? WatchMath has a solution. [...]

Jaime July 24th, 2009

Cool, very cool. And the amount of LaTeX commands available exceeds that of WordPress. Not enough though to have me undo my migration to WordPress from Blogspot: the biggest problem with math in Blogspot is not rendering LaTeX (there already exist other options, although this one probably exceeds them in functionality), but fear that the public servers be shut down, and months or years of writing then need to be redone….

watchmath July 24th, 2009

Well, actually in wordpress you also use latex public server which can be shut down too (but maybe wordpress will still live for a good number of years). There is nothing really save here. Also even you use self hosted wordpress and cache every single latex image (as in this blog) will you pay the hosting forever?
I have a list of 10 maththex public server so that if one has a problem you can switch it to another one. Still not good enough?

Actually you can use wordpress.com latex server in this script too. But of course with less of flexibility compare to mathtex server.

reico July 30th, 2009

How to input $ sign?

watchmath July 30th, 2009

Use ${\latexcode}$ or \[{\latexcode}\] to display latex source code use $!$ to write one single $ notation

reico August 4th, 2009

$ works fine. But I can not fully understand $\latexcode$ mean, does it simply mean input bracket {}?

I input $\sum_{i=1}^n x_i$ in my blog test, it still shows the picture of the equation not the code.

(http://reico-go.blogspot.com/2009/08/how-to-display-latex-code-in-blog-using.html)

watchmath August 4th, 2009

Yes, you just simply put bracket around your latex expression like what you did here in the comment.
BTW, it seems the comment in your blog is not working. I can’t write comment on your blog.

olomorph August 4th, 2009

Hello, you can also use my site to display math formulas :

http://www.openmaths.org/cgi-bin/mathtex.cgi?YOUR_MATH_FORMULA

for example

http://www.openmaths.org/cgi-bin/mathtex.cgi?(a+b)^2=a^2+2ab+b^2

All LaTeX commands are accepted.

In your xhtml pages, use the following tag:

You can use it everywhere, not only in Blogger or WordPress : )

Bye (if you could register to the forum… ^^)

olomorph

Stephen August 10th, 2009

This will be very useful indeed, but I can’t get inline maths to display correctly. In case it is relevant, I am using IE8.

In my test posting on http://constructionsitespl.blogspot.com/2009/08/test-replacemath.html the E = m c^2 equation appears on a separate line.

The source text I used was:

Here is an inline equation – $E = m c^2$ – which should be just what it says on the tin, i.e. inline, but seems not to be so.

… but my inline equation is displayed correctly inline in my comment on your blog …

watchmath August 10th, 2009

Hi,
I couldn’t read your blog. It seems your blog is a private blog.

Sorry about that. I have now set http://constructionsitespl.blogspot.com/ to be public.

That is a css issue. Edit your html and locate the following:

img {
border:0 none;
display:block;
}

and then delete the “display:block;” part.

maxime October 8th, 2009

Hi! This is very useful, thanks.

But I’d like to have my equations a bit larger, without having to add \large every time. How could I do?

Cheers,
Maxime.

And more generally, where can I put my preamble commands etc?

Cheers!

New Installation : Latex on Blogger/Blogspot October 9th, 2009

[...] the instruction here, but in step one copy and use instead the following script. <script [...]

watchmath October 9th, 2009

Hi, see the new intallation procedure here: http://watchmath.com/vlog/?p=1244

hpngon November 28th, 2009

Why I can’t install in my blog. I have done step by step as your guide

Justin J Stark December 2nd, 2009

I made some modifications to your script and am using it on blogger. I adjusted the image margins so they fit better. I also made it so I can type LaTeX as $ latex stuff $ since using $ latex stuff $ is supposed to be deprecated.

http://www.justinjstark.com/mathtex/mathtex3.js

watchmath December 2nd, 2009

Hi, thanks for letting me know about your modification. Can you provide me with your blogger link so I can take a look how the modification works?

Andreas Grech December 22nd, 2009

I have recently developed a jQuery plugin that allows you to easily add LaTeX to your website easily, given an equation.

It’s called jsLaTeX and you can download it from here: http://knowledge-aholic.blogspot.com/2009/12/jslatex-jquery-plugin-to-directly-embed.html

The plugin also allows you to change the default engine it uses to render the equation.

watchmath December 22nd, 2009

Hi, that a nice code.

Unfortunately at least for me it will be to much work to write every time we need to write math notation. Also I want the way we write latex on blog to be the same as the way we write latex in a notepad.

By the way I didn’t see any example of latex in inline mode on your blog. Does it work for inline mode too?

Armando January 1st, 2010

Hi there!

First of all thanks for a superb script. But some formulas don’t parse right on my blog: http://physicsfromthebottomup.blogspot.com/

Do you have any idea why this is so?

Thanks again!

watchmath January 1st, 2010

Hi, thank you for using the script.
I visited your blog but I am not sure which symbols/formulas that don’t parse correctly.

Hi again!

http://physicsfromthebottomup.blogspot.com/2010/01/some-solved-exercises.html

Was the post I was having problems with but they were partially solved when I changed from the old script to the new script.

What happened was that some formulas didn’t parse at all. They kept showing with the dollar signs. Now this doesn’t happen but I do have a formula that shows a symbol I didn’t input:

The second step in the train of equations that precede the following text. “Where the last equality follows from the previous result” has a Â that comes from nowhere.

I also tried your script in my other blog: http://allthephysics.blogspot.com/ and in here we can see that sometimes some formulas aren’t parsed. I don’t understand why…

Once again thanks for your script.

watchmath January 2nd, 2010

The Â bug is happened because of the white space. I have see this bug before, usually I just make sure that there are no necessary white space.

For the allthephysics blog I couldn’t access it because it is for invited readers only.

Armando January 2nd, 2010

Ok I’ll check out the unnecessary white spaces then.

Sorry for the issue with my other blog. I had it as private blog because of this issue.

I have another blog at wordpress.com because initially that was the only blog that I knew allowed a direct input of LateX expressions into the posts. Then I found out about your script and wanted things to blogger because Your script allows a lot more LateX functionalities.
Another thing that I used is the script done by Luca Trevisan: http://lucatrevisan.wordpress.com/latex-to-wordpress/ that converts a text written in LateX to a friendly html.
This is also a very powerful script and permits the blog text to be very reader friendly and allows one to spare a lot of time in witting blog posts.
I had to change Luca’s script a little bit for it to be blogger compatible, but I still ended up with some issues as you can see here: http://physicsfromthebottomup.blogspot.com/2009/05/lucas-script-in-blogger.html (mainly because I never coded in Python before).

ateixeira February 4th, 2010

Hi there! I finally managed to figure out what was wrong in my blogger blog. For some some strange reason I have to give a space between one symbol formulas and the $sign. For instance$ a $wouldn't parse right, but$ a $ parses right.

Any I think I’ll move my blog from wordpress.com to blogger since you’re script allows more versatility from LateX (and this together with Luca’s script will make life a lot easier for me.)

One final question though and I understand perfectly if you don’t want to answer.
I had to change Luca’s script a little bit in order for it to work in blogger, but for some strange reason hyperlinks don’t work in blogger. If I send you the files do you think you can try to help me out a little bit in ironing out this last detail?

A new address « Climbing the Mountain February 11th, 2010

[...] new address will be in blogger and I’m doing this because I found out a way of making equations in blogger that also uses LateX. It is a more powerful script than the one I have in [...]

ateixeira February 18th, 2010

One last question: Why doesn’t this script support the \displaystyle command?

Joe February 27th, 2010

Thank you very much !!

nik February 28th, 2010

hai tq for your hard work

how to display math code in blogger (it like to display html) in the post section

Shailesh Shirali March 2nd, 2010

Hi. I found your blog entry about writing math text on blogger using LaTeX, and immediately implemented the code you had given. You can see the results on my blog, http://joyofmathshirali.blogspot.com/

Thanks a lot for putting the code on the web!

I find some curious behavior: When I write a new post and “Preview” it, I see only the LaTeX code, but when I “Publish” it I do see the equation as it is supposed to be.

However I have to press F5 (the refresh key) before I get the effect I want. Is this the experience that others have found as well? Or am I missing something?

kleber March 16th, 2010

WatchMatch é simplesmente fantástico! Parabéns! Gostaria de saber como inserir acentos em textos, por exemplo: Matemática

Obrigado.

David April 1st, 2010

Hello watchmath,
I would like to include “tabular” code but it doesn’t work on my blog : http://lesmathematiquesausecondaire.blogspot.com/2010/03/comment-utiliser-les-regles-de-calculs.html

It’s like Latex failed because the code is too long … but I don’t know exactly.
Could you tell me which codes are possible on Blogger-web site or an idea to fix my problem ?

Thank you for your futur help…

Regards.

xfg April 6th, 2010

Hello.

I wrote:

$ {(x^{(i)} , y^{(i)};i = 1,..,m)} %
in a middle of a paragraph, and it is putting automatic line feed to the latex expression and puts it in the next line. Does anyone know how to get rid of this?

kleber April 7th, 2010

Hello,

Use your script on my blog. I use Firefox. When I test with Internet Explorer 8, there is a failure in the script. Do you have any complaints about it? And if so, have any solutions?

Thanks and a hug!

watchmath April 8th, 2010

Do you have any problem with the latex on watchmath.blogspot.com if you use IE 8 ?
If there is no problem, try to use different template for your blog.

Try to give a space between the dollar sign and the curly bracket.

Escribir LaTeX en Blogger « Un Bioinformatiquillo April 23rd, 2010

[...] Math Formula in Blogger [...]

Escribir LaTeX en Blogger « InstaCiencia April 25th, 2010

Tito Eliatron April 26th, 2010

Thank you very much for this wonderful plug-in. I’ve just installed in my blog (http://eliatron.blogspot.com) and it’s perfect.

But I have only one question/request.

Many of my readers says that it is a little problem when they read my blog through a Feed reader (like Google Reader).

It is possible to make the script active in the RSS-feed?

TJ May 7th, 2010

How to increase textsize of the latex image???

m May 12th, 2010

Hello, this seemed nice but now the server seems to be refusing to render. Did I do something offensive or is this the default behavior ? if I recall correctly, I actually tried this service once before and it got turned off last time as well. Is this just a free trial deal ? I don’t have my own server space and was trying to use it for Blogger. Now everything is red boxes.

Luis Diego May 19th, 2010

Hi there,

Yesterday I found this way to plug in or install LaTeX on my blog, as you explain on this page but, I wrote a part of an article to my students on http://www.matematiquemos.blogspot.com, an the formula didnt work. Can you help me with that?

Thank you.

Luis Diego from Costa Rica

vv June 16th, 2010

Is there a way to change the font of the equations from the default black color to white, since the background of my website is nearly black?

Thanks in advance. ^^

Alexia July 8th, 2010

Hey, this seems to conflict with the use of colors in the editor, can this be fixed?

How To Install Latex On Blogger/Blogspot

The mathtex server is down. Change mathtex2.js on the script into mathtex3.js.

Mathtex3.js using the mathtex server of John Forkosh.

48 Comments

Leave a comment

Subscribe

Translator

Recent Posts

Categories

Math Videos

Search

Comments

Meta

Categories