18. Поменять местами "Предыдущее" и "Следующее"

Многим известна такая присказка: "Что американцу хорошо, то русскому - смерть". Поскольку Blogger создали в Америке, то, по-видимому, расположение анкоров под статьёй "Следующее" - "Главная страница" - "Предыдущее" для американца вполне приемлемо. Для русского же человека такая последовательность нелогична и "режет глаза". Как так, в начале, слева - новое, а в оконцовке, справа - старое. Ведь должно быть всё совсем наоборот: "Предыдущее" - "Главная страница" - "Следующее". Так что надо расставить слова по привычным для нас местам.
Убираем ссылки на следующую, главную и предыдущую страницы. Находим в шаблоне блога отрезок кода “nextprev” и удаляем из шаблона код:

<b:includable id='nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <span id='blog-pager-newer-link'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl'
        expr:id='data:widget.instanceId + "_blog-pager-newer-link"'
        expr:title='data:newerPageTitle'>
        <data:newerPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:olderPageUrl'>
      <span id='blog-pager-older-link'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl'
        expr:id='data:widget.instanceId + "_blog-pager-older-link"'
        expr:title='data:olderPageTitle'>
        <data:olderPageTitle/></a>
      </span>
    </b:if>
    <b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>
  </div>
  <div class='clear'/>
</b:includable>

_________________________________________________________________________________

  Для того, чтобы поменять местами "Предыдущее" и "Следующее" нужно зайти в админку блога и пройти "Шаблон" > "Изменить HTML". После чего, используя клавиши "Ctrl+F" найти в шаблоне нижеследующий код. При поиске учтите, что цифра в коде Вашего шаблона может быть другая:

#blog-pager {
font-size: 140%
}

Сразу под ним вставим следующий CSS-стиль:

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

#blog-pager-older-link {
float: $startSide;
}

  Если всё выполнено правильно и изменения в шаблоне сохранены, то поменять местами "Предыдущее" и "Следующее" у Вас должно получиться. И при проверке все слова будут находиться по своим, привычным для нас, местам.

  Дополнительно можно изменить размер шрифта в словах. Для увеличения размера надо вместо 140%, выделенных красным цветом, вписать большее число, а для уменьшения - меньшее.

___________________________________________________________________________________

Если вы не хотите убирать ссылки на предыдущую и следующую страницы блога, то вы можете изменить их названия. Например, назвать их шутливо “туда”, “сюда”, “вперед”, “назад”  или дать английские названия “Newer Posts" , “Home”, "Older Posts. Для того, чтобы изменить название для Следующей страницы, найдите в шаблоне блога код <data:newerPageTitle/> и измените его на ваше название страницы.

Меняем название предыдущей странице – изменяем код шаблона <data:olderPageTitle/> на ваше название. 
Главная страница определяется в шаблоне <data:homeMsg/>, этот код находим и меняем.