Для решения этой задачи можно использовать сервис CODECOGS.
Конкретно вам нужно добавить скрипт в HTML-шаблон блога:
<script type="text/javascript" src="http://latex.codecogs.com/latexit.js"></script>
Данную строку можно добавить перед тегом </head>.
После этого все формулы можно помещать в контейнер:
<span lang="latex"></span>
Скрипт будет визуализировать их в соответствующие формулы.
По умолчанию Blogger добавляет тень к рисункам и формулы смотрятся плохо. Для того чтобы убрать тень надо добавить следующий CSS в дизайнере шаблонов.
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 0 !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}
Конкретно вам нужно добавить скрипт в HTML-шаблон блога:
<script type="text/javascript" src="http://latex.codecogs.com/latexit.js"></script>
Данную строку можно добавить перед тегом </head>.
После этого все формулы можно помещать в контейнер:
<span lang="latex"></span>
Скрипт будет визуализировать их в соответствующие формулы.
По умолчанию Blogger добавляет тень к рисункам и формулы смотрятся плохо. Для того чтобы убрать тень надо добавить следующий CSS в дизайнере шаблонов.
.post-body img, .post-body .tr-caption-container, .Profile img, .Image img,
.BlogList .item-thumbnail img {
padding: 0 !important;
border: none !important;
background: none !important;
-moz-box-shadow: 0px 0px 0px transparent !important;
-webkit-box-shadow: 0px 0px 0px transparent !important;
box-shadow: 0px 0px 0px transparent !important;
}