пятница, 22 января 2010 г.

Красивые адреса страниц сообщений в "Блоггер".

Кстати, как вы уже наверное поняли, чтобы ядрес страниц был человеческим, можно делать то же самое что и в случае обычных постов.

То есть, чтобы адрес ваших страниц бы не таким:

http://ваш_блог.blogspot.com/p/blog-post.html

А таким:

http://ваш_блог.blogspot.com/p/ob_avtore.html

Чтобы было красиво - необходимо вначале напиать название поста транслитом. В данном случае - "Ob avtore". Опубликовать старницу, затем зайти в её редактирование и изменить название на русское. В адресе останутся то, что вы в момент первой публиуации набрали латиницей.

четверг, 21 января 2010 г.

Обновление со страницами откатили.

Видимо обновление со страницами для Blogger откатили назад.
Двенадцать часов назад оно было (своими глазами видел), а сейчас - нет. Видимо дорабатывают.
Официальное сообщение о "Страницах в Blogger" было дано в Blogger in Draft.

Однако добавлять страницы можно, если открыть ссылку:

http://draft.blogger.com/pages.g?blogID=ID_номер_вашего блога

О том, как найти номер вашего блога написано тут: узнать ваш ID номер.

Статичные страницы в Blogger!

Наконец-то это свершилось!
Блоггер добавил к своим функциям возможность создавать статичные страницы а не посты.
В Wordpress такая функция, к слову, существовала уже давно.
Суть в том, что иногда хочется создать не пост, а просто страницу с информацией, вроде "Об авторе", "Контакты" или "Информация".
Но до этого приходилось делать отдельные посты. В этом был минус - ведь если такой постнеобходимо было создать спустя некоторое время после создания блога, то читателям пришлось бы наблюдать эти дополнительные посты в своих лентах.
Теперь это в прошлом.
Единственный минус - таких страниц можно создать не более десяти. Видимо это для того, чтобы блоги не превращали в сайты, т.к. для сайтов у Гугла есть Google Sites. Хотя по мне - почему бы не разрешить болшее количество... Блоги на "Блоггер" щас полюбому удобнее в настройках чем сайты Гугл (ИМХО).
Функция доступна в Blogger Draft в разделе отправка / изменить страницы.
Кроме этого появился отдельный гаджет, который вы можете найти в настройках дизайна блога: в нём можно отразить ссылки на созданные вами страницы. Разработчики предупреждают о том, что если вы используете сторонний шаблон для блога - он может не поддерживать новый гаджет как следует. Для этого разбирающимся в html предлагают следовать следующим инструкциям:

1) Убедиться в том, что виджет "Страницы" таки не был добавлен, ведь вы могли его просто не заметить =))
2) Зайти в дизайн / редактировать html.
3) Как обычно сохранить на всякий случай уже существующий шаблон, чтоб в случае ошибки можно было всё вернуть взад.
4) Поставить галочку на "расширить шаблоны виджета".
5) Найти нижеследующие три строки кода, и если они есть - изменить showaddelement='no' на showaddelement='yes'

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='no'/>
</div>

 

Если же этих строк нет в коде, то надо самому вставить код, что ниже, туда, куда вы хотите (к примеру после <div id='content-wrapper'>)

<div id='crosscol-wrapper' style='text-align:center'>
<b:section class='crosscol' id='crosscol' showaddelement='yes'/>
</div>


6) Опосля надобно сохранить шаблон.
7) И в заключение пойти в дизайн / элементы страницы найти новый гаджет и делать с ним что угодно. 

четверг, 14 января 2010 г.

Как поменять шрифт и положение ссылки на комментарии в Blogger?

Когда мы смотрим на наш блог, то мы видим сообщения, и внизу, под сообщением, ссылку на комментарии (она же ссылка для того, чтобы написать комментарий).
Но иногда нам может захотеться сделать её покрупнее, переместить из левого края в правый, и т.п.
Сделать это не сложно. (Как обычно сохраняем существующий шаблон на всякий случай).
Заходим в дизайн/изменить html.
Щёлкаем "расширить шаблоны виджета".
Ищем строку a class='comment-link' expr:href='data:post.addCommentUrl'
(Обычно я ищу с помощью комбинации "Ctrl+F" на клавиатуре).
Находим строку, и видим примерно следующий код, в котором эта строка присутствует:

<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/>

Именно этот кусок нам надо окружить нужными нам тегами, чтобы ссылка на комментарии на нашей странице была такой, как мы хотим.
Чтобы лишний раз не заморачиваться поиском тегов я просто захожу в блоггер, нажимаю "создать новое сообщение", пишу там пару символов вроде "sdfsdfg" и потом делаю их, с помощью существующего визуального редактора жирными, большими, выровненными по левому/правому краю или центру - короче то что мне нужно. Потом захожу в "изменить html" и копирую оттуда нужные теги, которые появились в процессе редактирования вокруг слова "sdfsdfg".
нужными тегами окружаем указанный выше кусок кода.
В результате, если посмотреть на весь код среди которого мы рылись, выходит нечто вроде (красным выделено то, что теоретически мы добавили):

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:post.allowComments'>
<div align='right'><span style='font-size: large;'><b><a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a></b></span></div>
</b:if>
</b:if>
</span>

Щёлкаем "Просмотр" и смотрим - вышло ли то, что мы хотели, потом сохраныем шаблон.
В некоторых шаблонах код, теоретически, может отличаться от приведённого здесь. У меня нет времени и желания это проверять - тем более что, если это действительно так, вы сами это выясните, и разберётесь по обстоятельствам.

вторник, 12 января 2010 г.

Favicon для Blogger в Opera.

Недавно я обнаружил, что favicon из некоторых наших блогов не отображается в Opera.
Так происходит у тех, кто держит свою favicon на сайтах Google.
Но решение найдено.
Как мы помним, раньше у нас стоял тот код, что указан здесь. Это правильно.
Но на гугл-сайтах есть какой-то редирект на картинки, или что-то в этом роде, что даже и не важно. Так вот, Opera такие штучки не кушает (всегда ли так было или недавно так стало - не знаю).
Поэтому надо добавить картинку в другое место, где на неё будет прямая ссылка.
Сайты народ для этого прекрасно подходят.
Итак, мы заходим в наш аккаунт на народ.ру (регистрируемся, если у нас там ещё нет учётной записи). Слева написано - "Управление сайтом". Щёлкаем на "редактировать".
Дальше - "Ещё инструменты", там - "Управление файлами" и "загрузить файл".
Загружаете иконку, и берёте ссылку на неё из того места, где написано "ссылка".
То есть ссылка на файл должна выглядеть не как http://ваш_сайт.narod2.yandex.ru/иконка.ico а как
http://ваш_сайт.narod2.ru/иконка.ico.

При этом всём строку со ссылкой на favicon в google-sites не надо удалять. Дело в том, что после смены адреса с гугл-сайтов на яндекс у некоторых, несмотря на то что иконка появилась в Опере, она пропала в Firefox. Поэтому надо оставить строку со ссылкой на строку в гугл-сайтах и добавить к ней такую-же со ссылкой на народ ру.
В результате это должно стоять перед тегом </head> в вашем коде блога, и выглядеть примерно так:

<link href='http://sites.google.com/site/ваш_сайт/адрес_favicon.ico' rel='shortcut icon' type='image/x-icon'/>
<link href='http://ваш_сайт.narodhttp://2.ru/адрес_favicon.ico' rel='shortcut icon' type='image/x-icon'/>

Некоторе время спустя после создания сайта на narod2 у меня он был недоступен, наверное глюк Яндекса. Если сайты яндекс будут виснуть, то ваши иконки тоже не будут доступны в это время. Но вообще такого быть не должно.
Способ подсмотрен у ibloggerman, но он использует более сложный код, так что приходится писать аж 4 строки вместо двух, как у нас.


P.S.: Запоздало поздравляю всех с прошедшими Новым годом и Рождеством! =)
Желаю вам здоровья, благоразумия, и успеха в добрых делах!

четверг, 10 декабря 2009 г.

Аддоны для Chrome.

Я тут как-то упустил из виду. А между тем для браузера Chrome уже есть немало полезных расширений (аналогичных, во многом, addons для Firefox).
Они доступны на странице https://chrome.google.com/extensions/
Конечно, большинство из них в бета-версиях.
Я в первую очередь поставил себе FlashBlock и AdBlock.
Флэш-блок удобен тем, что сайтах, где полно флэша можно запускать только нужные вам элементы. Ещё удобно тем, что когда открываете вкладку с ютуба (и т.п.) - то ролик не начинает сразу играть, а тогда, когда вы укажете ему делать это. Адблок - понятно зачем.
И ещё, кроме гугловской синхронизации закладок хрома с аккаунтом Google появилась бета-версия Xmarks под Хром, ололо! =)
Такими темпами можно будет скоро переползать с Фаерфокс на Хром.
Не знаю, честно говоря, доступно это на всех версиях Chrome или тока на бете. У меня так вообще dev channel.

UPD: Есть ещё удобный аддон Chromed Bird для написания постов в твиттер прямо из Chrome и чтения друзей.

понедельник, 19 октября 2009 г.

Как убрать строку "Подписаться на: Сообщения (Atom)" внизу блога.

Где-то месяц с лишним назад автор блога Boneshakers.ru, с которым мы случайно познакомились катаясь на велосипедах, спрашивал меня о том, как удалить строку "Подписаться на: Сообщения (Atom)" внизу блога.
Ведь многие из нас и так ставят ссылку на свою rss-ленту в FeedBurner где-нибудь в начале блога, и внизу ссылка уже не нужна. К тому же некоторым может показаться что она не вписывается в дизайн.

Сделать это, как оказалось, довольно просто.
Помните, мы с вами удаляли navbar? Вот это очень похоже.
Надо тоже вставить маленькую строку в код.
Когда мы удаляли navbar - мы вставляли строку прямо над словами "/* Variable definitions" или, в случае другого шаблона, над "GENERIC STYLE". На всякий случай - те же скриншоты этих двух случаев:

 
Так вот, в данном случае строку надо вставить точно там же.
Я поставил её сразу после строки для скрытия navbar-а (#navbar-iframe.......)
А строку надо вставить эту:

.feed-links {display: none; }

После этого ненужная нам ссылка внизу блога исчезнет.

По мотивам поста Aasthedonutturns.