Ir al contenido principal

Insertar fórmulas matemáticas en Blogger

ADVERTENCIA

Esta solución ya no funciona. Se recomienda utilizar la técnica descrita en http://quehacerconblogger.blogspot.com/2014/12/como-insertar-formulas-matematicas.html

Los que escriben sobre matemáticas en Internet usualmente la ven fea: no hay soporte para MathML, ni para LaTeX y pegar imágenes es aburrido.

Los que tienen sus propios servidores pueden usar LaTeX, de hecho los de Wordpress pueden (no los de Wordpress.com). Estuve buscando y resulta que en Blogger sí se puede, pues este permite insertar JavaScript.

Hacerlo es sencillo, simplemente se agrega un gadget HTML a la página con el siguiente código:

<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>

Y ahora sí, ya se pueden escribir ecuaciones en LaTeX e incluso cosas más avanzadas. Aquí va un pequeño ejemplo (la desigualdad de las medias armónica, geométrica, aritmética y cuadrática):

\[ \frac{2}{\frac{1}{a} + \frac{1}{b}} \leq \sqrt{ab} \leq \frac{a+b}{2} \leq \sqrt{\frac{a^2+b^2}{2}} \]

Para obtener eso se escribe el código siguiente: $$\backslash[$$ \frac{2}{\frac{1}{a} + \frac{1}{b}} \leq \sqrt{ab} \leq \frac{a+b}{2} \leq \sqrt{\frac{a^2+b^2}{2}} $$\backslash]$$

Comentarios

  1. agrego el gadget con el código HTML a mi blog: rodrivelp.blosgspot.com y no funciona, lo redirecciona a otra página. En alguna oportunidad lo tuve y dejó de funcional, que pasará?
    Como puedes ver el blog es de matemáticas y necesito constantemente escribir ecuaciones y símbolos, que hago?

    ResponderEliminar
  2. El código anterior (y otros que había publicado anteriormente) ya no funcionan: ahorita creo que la mejor opción es usar MathJax, el cual hace el renderizado del lado del usuario y tiene su CDN. Puse las instrucciones acá: http://quehacerconblogger.blogspot.com/2014/12/como-insertar-formulas-matematicas.html .

    ResponderEliminar

Publicar un comentario

Entradas populares de este blog

Agregar archivos PDF

Los archivos PDF son muy útiles para publicar información, manuales, información impresa y otros, gracias a que conservan el formato y que hay lectores casi que para cualquier plataforma.En Blogger no hay una opción para subir archivos, como en Wordpress, así que hay que depender de servicios de terceros. En este post muestro tres opciones: Acrobat.com, Google Docs y Scribd.Google DocsEsta es una opción sencilla, pues si ya tenemos Blogger entonces ya tenemos la cuenta de Google y por lo tanto de Google Docs. Ofrece una interfaz simple (aka minimalista). Yo se que había un visor empotrado, pero no lo encuentro. El servicio de Google está en docs.google.com y el documento de ejemplo está en aquí.ScribdScribd es un servicio para publicas documentos en Internet y es bastante popular. La única pega (realmente molesta, para mí) es que es necesario registrarse para poder descargar los PDF (pensemos en el visitante del sitio, no en nosotros). El sitio es www.scribd.com.El archivo de ejemplo …

Insertar PDF en Blogger 2

Anteriormente había analizado opciones para insertar documentos PDF en Blogger. La opción de usar Google Docs dejaba pendiente empotrar los documentos en el blog. Ahora, gracias al "segundo script en pi24soft =)" es posible insertar de manera sencilla documentos PDF que estén en internet (otro sitio web, algún FTP, etc). El script funciona para cualquier sitio web, pero para Blogger hay un instalador de "a lo sumo 4 clicks". La información del script está aquí: http://www.pi24soft.tk/posts/PDF-PPT-TIFF_en_web/.Luego, para insertar el documento solamente hay que hacer un vínculo a este (hay que asegurarse de que el vínculo sea válido) y en la etiqueta se agrega " class='viewpdf' ". Opcionalmente este vínculo se puede introducir dentro de un DIV, para poder especificar el ancho y el alto (de manera predeterminada toma todo el espacio disponible).Aquí hay una muestra de un documento PDF empotrado:http://www.google.com/google-d-s/docsQuickstartGuide…

Contador de visitas. ¡Por país!

Ya hemos visto los tradicionales contadores de visitas en sitios web y blogs. También podemos obtener más información sobre las visitas usando Google Analytics, pero ¿si queremos mostrar la información en el blog?