четверг, 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>

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

4 комментария:

  1. Хорошая статья. Я как раз не давно искал, но не успел-:) у меня шаблон глюкнул, дело в том что хоть шаблон и не стандартный все изменения вносились без проблем... Но сейчас коментарии и категории отображаются только внизу поста, и у категории раньше шрифт был меньше сейчас размер шрифта как у коментарии. В чём может причина не подскажете?
    И ещё изменения ставлю виджет голосования outbrain.com он появляется вверху поста, пришлось убрать....

    ОтветитьУдалить
  2. Нет, в чём у вас причина не знаю. Покопайтесь в коде, единственное что могу посоветовать.

    ОтветитьУдалить
  3. Этот комментарий был удален автором.

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

    ОтветитьУдалить