21 октября 2015 г.

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

Как вставить разделитель между записями 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. Сохраняем шаблон
URL-адрес:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhzNDJ1Da4fl8pD0k6bm_S20IuvaNRm5EUcX65_YBbBdDhLVXeS4xUeansB0JYWQpRzir2ocvX4P8dMDMvgQGEhR18RlJ5O8UO1P7CMeSqpESxsBRHDtN2FQWRzErfTCcngO_5o0NMsAMf9/s1600/ribbon.gif


URL-адрес:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEVkEqPTuq-aNnD3t4luhwBR-y9TFwHA0aQc-jdOZjMnMCSfTeEI_gIORjE2l-znX15JjqMNytnaz27GgKyBiSk6cZe8eeLV-tRwyBtHwKmj_QrpM8pf2atTzCB0ygpYaUM9Jghq8D-Icm/s1600/bar1.gif


URL-адрес:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjO1ucM9c73lOze9RFZW9iQ32S-mO6ps5MgrjEUvXtF9UUsckCnzfhyF6dKR5AGhbHIhBF1wY-FIJnzbmhx4_IWru6Nju7u6pGf3Uu7jkC605cwTva3ejsuxPZz-ITp8mwmDSWM0HPM7WXJ/s1600/barbsmpl.jpg

URL-адрес:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJK8J8_MVK7F9otniluKXrENEeH8-WqB2ARUKuL0E8NqhleZkoWsNXpGK2tZv9YQu4VaRmMVxCvyn-y1qoguyoyExbZKs_RQolhvw_mHG8jMIKGSCI_3FH0zQYqGXzYyN1UZJF-6H5tPm2/s1600/bar47.gif



Комментариев нет:

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