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

Дополнение на 26.09.2021

На Блоггере изменился внешний вид настроек, редактора, некоторых элементов, но функции остались прежними.

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

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

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

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

В шаблоне блога ищем тег </body> и перед ним добавляем код:

<b:if cond='data:blog.pageType == "item"'>
<script type='text/javascript'>
$(document).ready(function(){
var newerLink = $("a.blog-pager-newer-link").attr("href");
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() {
var newerLinkTitle = $("a.blog-pager-newer-link").text();
$("a.blog-pager-newer-link").text("" + newerLinkTitle);
});
var olderLink = $("a.blog-pager-older-link").attr("href");
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() {
var olderLinkTitle = $("a.blog-pager-older-link").text();
$("a.blog-pager-older-link").text(olderLinkTitle + "");//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 class='comment-link'

И заменяем на:

<a class='comment-link' rel="nofollow".

nofollow - применяется к ссылкам

noindex - применяется к тексту

Закрывать ссылки, которые не хотите показывать, нужно при помощи атрибута rel="nofollow".

Если нужно скрыть от робота Яндекс отдельный текст, поможет "noindex", но Гугл его проигнорирует.