Легкий способ выделить часть текста или всю страницу блога

ИСТОЧНИК:  http://www.bdblogov.ru/2014/04/how-quickly-and-beautifully-make-text-blog.html
С помощью этого кода можно (всего один раз настроить) красиво оформить текст в блоге.

Вот код

.code 1 {

margin : 15px 35px 15px 15px;

padding : 20px 10px 10px 35px;background : #f3f3f3;

border-top : 1px solid ; цвет верхней границы

border-right : 1px solid ;  цвет границы справа

border-bottom : 1px solid ; цвет нижней границы

border-left : 1px solid ; цвет границы слева

border-radius: 5px; размер рамки

-moz-border-radius: 5px;

-webkit-border-radius: 5px;

}

background : #f3f3f3;-цвет фона;  

цвета окантовки (справа, слева, верх, низ) выделены. 

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

border-top:1px;  border-right : 1px; border-bottom : 1px; border-left : 1px- это размер окантовки верхней (top), правой (right), нижней (bottom) и левой (left) границы рамки;  
solid-это форма прямой линии рамки.  
Вы можете вписать точечную (dotted), пунктирную (dashed), выпуклая (outset), вдавленная (inset), двойная (double), края рамки выемкой (groove), края в виде кромки (ridge).
border-radius: 5px;-размер закругленных углов рамки, измените при необходимости все значения, чтобы числа были одинаковы. 

Теперь этот код надо вставить один раз в шаблон-изменить шаблон выше строки ]]></b:skin>  Перешли в шаблон, в самом начале ищем строку <b:skin>...</b:skin>. 
Сюда вставляются все стили CSS во всех шаблонах.

Строка находится рядом с самой первой стрелкой слева

 

Нажимаем на стрелку слева, тихонечко прокручиваем вниз и находим строку ]]></b:skin>

Выше этой строки вставляем наши коды.

На скриншоте Вы видите, что вставлено несколько: 3,4,5 стилей CSS.

Остается сохранить шаблон и все.

Дальше, когда в редакторе сообщений пишите пост и нужно какую то часть текста выделить, слева нажимаем HTML.и заключаем вот в такой код:

<div class="code1">часть текста</div>

Таким образом можно оформить и целую страницу в блоге. 
Код в HTML вставляете в самом начале и в конце закрываете тэгом </div>.  
Запишите где нибудь в блокноте настройки кодов: 1, 2, 3, и.т.д, затем просто меняете цифры и выбираете подходящее оформление.

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