Настройки блога. Урок 9

Дополнение на 26.09.2021
На Блоггере изменился внешний вид настроек, редактора, некоторых элементов, но функции остались прежними.
В прошлой статье мы удаляли ненужные ссылки на главной странице. Сегодня поговорим о других небольших изменениях в блоге, которые несложно сделать.
Как и обещала, давайте изменим навигацию (ссылки Предыдущие Главная Следующие)

Меняем навигацию

Как удалить родную навигацию блога писала в предыдущей статье. А если не хотите удалять, то можно заменить ссылки на другие слова или картинки.
Изменить название для Следующей страницы, в шаблоне блога ищем код <data:newerPageTitle/> и выделяем его мышкой и  пишем своё название, например, Новые статьи.
Для изменения названия Предыдущий страницы — меняем код в шаблоне <data:olderPageTitle/> на ваше название, например, Первые статьи.
Ссылку Главная страница меняем в шаблоне код <data:homeMsg/> на ваше название,  например, Дом.
Чтобы заменить ссылки на картинки, анимацию, кнопки, нужно те же коды в шаблоне заменить на код изображения <img src="Адрес вашей картинки"/>

Можно изменить ссылки на названия статей. Некрасиво будет смотреться, если названия статей длинные.

В шаблоне блога ищем тег </body> и перед ним добавляем код:
<b:if cond='data:blog.pageType == &quot;item&quot;'>
      <script type='text/javascript'>
        $(document).ready(function(){
          var newerLink = $(&quot;a.blog-pager-newer-link&quot;).attr(&quot;href&quot;);
          $(&quot;a.blog-pager-newer-link&quot;).load(newerLink+&quot; .post-title:first&quot;, function() {
            var newerLinkTitle = $(&quot;a.blog-pager-newer-link&quot;).text();
            $(&quot;a.blog-pager-newer-link&quot;).text(&quot;&quot; + newerLinkTitle);
          });
          var olderLink = $(&quot;a.blog-pager-older-link&quot;).attr(&quot;href&quot;);
          $(&quot;a.blog-pager-older-link&quot;).load(olderLink+&quot; .post-title:first&quot;, function() {
            var olderLinkTitle = $(&quot;a.blog-pager-older-link&quot;).text();
            $(&quot;a.blog-pager-older-link&quot;).text(olderLinkTitle + &quot;&quot;);//rgt
          });
        });
      </script>
    </b:if> 
Если у вас стоит библиотека jquery (проверьте в шаблоне), то добавлять больше ничего не нужно. Если нет — добавьте код, расположенный ниже, перед тегом </head>         
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
Многим не нравится навигация из-за неправильного расположения ссылок: справа — предыдущие, слева — следующие. Логичнее их расположить наоборот. Для изменения кнопок находим в шаблоне код:
/* Comments
----------------------------------------------- */
И после него сразу добавляем:

#blog-pager-newer-link {
float: $endSide;
}

#blog-pager-older-link {
float: $startSide; 
}
навигация

Убрать пустое место над шапкой блога

В прошлой статье мы так же убирали панель над шапкой. И теперь там образовалось пустое место. Что бы убрать его, нужно зайти в шаблон и над ]]></b:skin> и установить код
body .navbar {height: auto;}
Если у вас много лишнего места под заголовком, то над ]]></b:skin> поставим код:
.region-inner.main-inner, .column-right-inner {
padding-top: 0 !important;
}
Ссылки можно не только удалить, но и закрыть от от индексации.

Закрываем ссылки

Закрыть ярлыки в облаке тегов. Ищем в шаблоне код:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
Заменяем его другим:
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url' rel='nofollow'><data:label.name/></a>

Ссылки в комментариях. Ищем в шаблоне код:
<a class='comment-link'
И заменяем на:
<a class='comment-link' rel="nofollow".

nofollow - применяется к ссылкам
noindex - применяется к тексту
Закрывать ссылки, которые не хотите показывать, нужно при помощи атрибута rel="nofollow".
Если нужно скрыть от робота Яндекс отдельный текст, поможет "noindex", но Гугл его проигнорирует. 

Ваши комментарии:

Комментарии со спамом удаляются.