Как вставить разделитель между записями blogger


Разделители – это изображения, которые делят запись на несколько частей. Их можно также вставить на blogspot между сообщениями.
Примеры разделителей для блога:
28f6f29a742c
5563594_indexlinenew
2b9f6732e1f4
Как вставить разделитель между записями на blogspot?
..
1. Откройте вкладку Дизайн –> Изменить html.
2. Прежде чем что-то менять загрузите шаблон на компьютер.
3. Поставьте галочку напротив Расширить шаблоны виджета и найдите при помощи поиска (Ctrl + F)  код   .post
Посде этого кода идет что-то наподобие
.post {
  margin: 0 0 25px 0;
}

4. Перед последней фигурной скобкой } вставляем код:
background: url(Адрес вашей картинки разделителя);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:2.5em;

В этом коде в скобках вместо фразы Адрес вашей картинки разделителя вставляем прямую ссылку на изображение вашего разделителя.
5. Сохраняем шаблон
8 ответов к «Как вставить разделитель между записями blogger»
  1. Татьяна, если вы хотите поставить разделитель на блог http://andreevatanya.blogspot.ru/, то добавьте перед ]]></b:skin> в шаблоне блога код:

    div.date-outer {
    background: url(ссылка на разделитель);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin: .5em 0 1.5em;
    padding-bottom: 2.5em;
    }

    Исправьте в коде ссылку на разделитель.

    В некоторых шаблонах блога, для того, чтобы добавить разделитель между записями, нужно добавить другой код перед ]]></b:skin>:

    div.post-outer {
    background: url(http://lh4.ggpht.com/-xZ_eIfvdAsA/TePW14fRdYI/AAAAAAAACao/mRuYYbWeYvw/2b9f6732e1f4_thumb5.gif?imgmax=800);
    background-repeat: no-repeat;
    background-position: bottom center;
    margin: .5em 0 1.5em;
    padding-bottom: 2.5em;
    }

  2. Дизайн - Добавить гаджет - HTML/JavaScript - - вставить ниже блока "Сообщение" (где - сплошная линия серого цвета на всю ширину; или добавить что угодно на ваше усмотрение).

  3. Понятно. Защита, как в Форт Нокс - код разделительной линии в моем предыдущем сообщении заблокирован и исчез дважды. Получилось глуповато. Но, думаю, догадаться можно, что описан другой способ добавить любой разделитель. (И.В., грустно за такие блокировки)

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *