Уголок блоггера. Красивый разделитель между сообщениями

Всем привет!

Я решила добавить красоты в блог и поставила разделитель между сообщениями.

Хотите сделать такое у себя? Это очень просто)

Напоминаю, прежде чем что-либо менять в блоге, необходимо сделать резервную копию, чтобы в случае ошибки можно было вернуть все обратно. Меню "Настройки" - "Другое" - "Экспорт блога".

Картинку для разделителя нарисуйте или скачайте готовую например отсюда. Разместите ее в интернете, как вы это делаете обычно с любыми картинками в своем блоге.

Откройте меню "Шаблон" - "Изменить HTML".

В шаблоне найдите вот эту строчку:

.post {

Ткните мышкой в код и вызовите окно поиска по тексту сочетание клавишами Ctrl+F

Замените код между фигурными скобками. Примерно такой:

margin: 0 0 $ (post.margin.bottom) 0; 

На следующий:

background: url(адрес вашей картинки);
background-repeat: no-repeat;
background-position: bottom center;
margin:.5em 0 1.5em;
padding-bottom:6.0em;

Получается:

Сохраните шаблон. Все)

Если захотите увеличить расстояние между сообщением в блоге и разделителем, увеличите это число. Так же можно и уменьшить.

padding-bottom:6.0em;