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

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

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

Vsia informaziya v Blogger

Над заголовком каждой статьи появился виджет «хлебные крошки», помогающий посетителям и поисковым паукам ориентироваться в структуре блога 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 выбранного вами варианта.

Надеюсь, эти простые рекомендации стОят пару «плюсов» и «лайков» в конце статьи!Вся информация под заголовком статьи в Blogger

Ваш Retliff



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

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

    Ответить

Оставьте комментарий