Вся информация под заголовком статьи в Blogger

Интересует вся информация о создании блогов, форумов и Интернет-магазинов? Рекомендую посетить блог "КтоНаНовенького"

Здравствуйте, дорогие читатели!
Возможно кто-то из вас уже обратил внимание на изменения вокруг заголовков статей моего блога, которые появились в этом месяце.

Vsia informaziya v Blogger


Над заголовком каждой статьи появился виджет "хлебные крошки", помогающий посетителям и поисковым паукам ориентироваться в структуре блога Blogger.


Под заголовками тоже можно найти дополнительную информацию - логин автора, названия ярлыков и количество комментариев.

При этом, слова, сопровождающие данные о комментариях меняются в зависимости от их количества:



Для чего это нужно?

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

Названия ярлыков (рубрик) рядом с заголовком помогут ему определиться с тематикой статьи. Имя автора может вызвать какие-то ассоциации (особенно, если автор популярен) и пробудить любопытство к материалу.

Призывы к комментированию - дополнительный стимул прочитать статью и поделиться о ней своим мнением.

Многочисленные исследования уже доказали, что такая же информация в конце статьи посетителями просто игнорируется.

Ещё один плюс - увеличение количества внутренних ссылок благотворно влияет на оптимизацию и поисковое продвижение блога.

Как это осуществить? Элементарно!-)) Всего несколько простых шагов, и наш Blogger добавляет к своему имиджу больше черт профессионального Интернет-ресурса!

Имя автора и рубрики (ярлыки) под заголовком Blogger
1. Заходим в Панель инструментов -- Дизайн -- Изменить HTML

2. Сохраняем резервную копию на жёсткий диск и отмечаем флажком"Расширить шаблоны виджета"

3. С помощью комбинации Ctrl + F находим строчку

  <div class='post-header-line-1'/>

и прямо перед ней вставляем код

<div class='postmeta-secondary'>
<span class='meta_categories'>Рубрики:  <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>, </b:if></b:loop></b:if></span><span class='post-author vcard'>
        <b:if cond='data:top.showAuthor'>
          <data:top.authorLabel/>
          <span class='fn'><data:post.author/></span>
        </b:if>
      </span>
</div>

4. Сохраняем

Количество комментариев под заголовком
1. Описанным выше способом находим строчку

<div class='post-header-line-1'/>

и сразу после неё вставляем следующий код

<span class='post-comment-link' style='Float:right;'>

        <b:if cond='data:blog.pageType != &quot;item&quot;'>
          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' style='background:url(https://lh3.googleusercontent.com/-yjoiDc4VWIY/TkJavW3HXpI/AAAAAAAABe4/cNVz7dwdtCw/s800/comment.jpg) no-repeat;Padding-left:20px;'><b:if cond='data:post.numComments == 0'>Прокомментируй первым!<b:else/> <b:if cond='data:post.numComments == 1'><data:post.numComments/> комментарий пока!<b:else/><data:post.numComments/>+ Comments!!!</b:if> </b:if></a>
          </b:if>
        </b:if>
      </span>




Иконку комментариев можно изменить вставив вместо выделенного красным отрывка  - URL выбранного вами варианта.

Надеюсь, эти простые рекомендации стОят пару "плюсов" и "лайков" в конце статьи!

Ваш Retliff

Сергей Мазураш aka Retliff Блоггер со стажем. Стиль публикаций отличается простотой изложения и весёлым, ироничным подходом к самым серьёзным проблемам. Cпециализируется на создании и продвижении бесплатных блогов на платформе Blogger.



6 комментариев:

  1. Ошибочка во втором коде!
    вместо:
    С уважением, Александр. gurov66.blogspot.com

    ОтветитьУдалить
  2. @Alex Gurov
    Почему-то куски кода в комментах не показываются.
    Вместо "!= "item"" нужно "== "item"" ))

    ОтветитьУдалить
  3. @Alex Gurov Спасибо большое! Но работает именно мой вариант! (проверено)

    ОтветитьУдалить
  4. @Retliff Странно... А у меня наоборот, мой работает, а Ваш - нет. А за статью спасибо! )

    ОтветитьУдалить
  5. Здравствуйте! Скажите, мы переносим под заголовок статьи или добавляем?

    ОтветитьУдалить
  6. Добрый день! Подскажите, что нужно сделать в селекторе "post-comment-link", чтобы отражалась только цифра кол-ва комментариев, и при отсутствии таковых стояла цифра 0 вместо "нет комментариев".
    http://perevirkablogu.blogspot.com

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

Буду очень признателен за Ваши доброжелательные комментарии!
Любые попытки втянуть автора и читателей в дискуссию, а так же ссылки на посторонние ресурсы - будут удалены.
Всем любителям "конструктивной критики" рекомендую прочитать статью http://maxpastukhov.com/critics