2011-05-30

Textual description of firstImageUrl

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

Вячеслав комментирует...

Спасибо

Татьяна Ямскова комментирует...

Подскажите, что делать - нет у меня в шаблоне .post Проверяла несколько раз.

Иванова Наталья комментирует...

Татьяна, напишите в комментарии адрес вашего блога.

Иванова Наталья комментирует...

Татьяна, если вы хотите поставить разделитель на блог 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;
}

Svetlana Kobenjak комментирует...

Спасите... не могу никак вставить разделитель в свой блог
svetlanakobenjak@blogspot.com

Иванова Наталья комментирует...

Светлана, я смотрю, помощь уже не нужна. Разделитель стоит.

Отправить комментарий

Комментарии, содержащие ненормативную лексику, спам, оскорбления, публиковаться не будут. Ели вы хотите опубликовать код в комментарии, то воспользуйтесь encoder HTML
Публикуя комментарии, вы соглашаетесь с политикой конфиденциальности