Как вставить разделитель между записями 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. Сохраняем шаблон

6 ответов к «Как вставить разделитель между записями 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;
    }

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

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