Dev & Type: Blogger

Показаны сообщения с ярлыком Blogger. Показать все сообщения

Как изменить профиль пользователя на Blogger

Для того чтобы изменить профиль нужно перейти по ссылке:
https://www.blogger.com/edit-profile.g?saved=true

Как добавить в Blogger поддержку математических формул

Для решения этой задачи можно использовать сервис CODECOGS.

Конкретно вам нужно добавить скрипт в HTML-шаблон блога:
<script type="text/javascript" src="http://latex.codecogs.com/latexit.js"></script>
Данную строку можно добавить перед тегом </head>.

После этого все формулы можно помещать в контейнер:
<span lang="latex"></span>
Скрипт будет визуализировать их в соответствующие формулы.

Дальше »

Как обойти блокировку Blogger

Как же заколебал один провайдер блокировать субдомены blogspot.com

Всё работает через раз. То открывается, то не открывается.

Делаем следующее. С помощью DNS Lookup узнаем IP-адреса серверов и прямо прописываем их в /etc/hosts

Например:

216.58.218.161 1.bp.blogspot.com
216.58.218.161 2.bp.blogspot.com
216.58.218.161 3.bp.blogspot.com
216.58.218.161 4.bp.blogspot.com

216.58.218.161 devtype.blogspot.com

Как сделать ширину блога 100% в Blogger

Нужно в HTML-коде шаблона заменить CSS-код:

min-width: $(content.width);
max-width: $(content.width);
_width: $(content.width);

на другой:

min-width: 100%;
max-width: 100%;
_width: 100%;

Как добавить в блог карту посещений

Есть множество сервисов собирающих статистику и рисующих на основе собранной статистики карту посещений.

Один из таких сервисов - ClustrMaps - позволяет отображать вот такой виджет:

Как добавить подсветку кода на blogspot

Как подсвечивать код на blogspot

Шаг 1
Заходим в раздел Дизайн. Находим ссылку Изменить HTML и нажимаем её. Добавляем между тегами <head> и </head> следующий код:

<link href='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.css' rel='stylesheet' type='text/css'/>
<script src='http://google-code-prettify.googlecode.com/svn/trunk/src/prettify.js' type='text/javascript'/>

Шаг 2
Добавляем в элемент body:

<body onload="prettyPrint()">

Всё теперь чтобы добавить к коду подсветку необходимо в режиме HTML заключить код в теги <pre class="prettyprint"> и </pre>. Также можно указать язык кода, например:

<pre class="prettyprint lang-html">
<a href="http://devtype.blogspot.com/">devtype.blogspot.com</a>
</pre>

Посмотрим что получилось...

Получилось не очень. Во первых внутри рамки нет белого фона, а во вторых код выходит за границы рамки. Надо будет потом разобраться в чем проблема или подыскать что-нибудь получше.

Ссылки:

Javascript code prettifier