Blogger - красивое оформление текста, скриптов и цитат

Вот ссылка на источник:

http://amateurblogger.ru/2010/11/krasivoe-oformlenie-statey-v-blogspot.html
Просто вставляете эту заготовку, в HTML редактор нового сообщения Blogger/Blogspot.

<style type="text/css">.vajno, .info, .kod {

margin:10px;

padding:15px 20px 15px 80px;

border:1px solid #999999;

border-radius: 10px;

-moz-border-radius:10px 10px 10px 10px;

box-shadow:2px 2px 3px #999999;

-moz-box-shadow:2px 2px 3px #999999;

-webkit-box-shadow: #999 2px 2px 3px;

background-position:20px 50%;

background-repeat:no-repeat;

position:relative;

text-align:justify;

}.vajno {

background-color:#FFD4A0;

background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk1GvqgjyxyISzfh1551G9U66ZnEISXDW7ePk3iRgTIFcVGMoQQCrZAyyPFz92IqwXhJ8frk4ShUKj54Qj-OksifLJ1S9XH9yL3xcFLTfEQtCNr3EH0UfvGUWB43eiVhz4W9loNgNYvyg/");

}

.info {

background-color:#FFFFCC;

background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0XKRDeBUz85g78zQl4__V5kv6Rp7H8ovvq2pOng4Ucli0-nUX4tV9mMFw8yxid23leyb1jFeMYGYvn1hfDkXHRzpfPCrQ6EO93VivuJFlK3OU6xTeXR34XOq8vDiYr0XTZamnEENKLKk/");

}

.kod { background-color:#E9FFD4;

background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi14Ztj9SrbDW7IJ4REhLURb0bEtMe39Q7nOiTNC7nwIC75W15sj4uhjQDHpl2tQvOBU5wDVG2rdqq_ZpaizTGJOkVJ1h0aijqt3Aq2VMoJjPTBz8cCFiT-hPnTvoMoMzt3lc_FCOTmBI_z/");

}</style><div class="info">ВАШ ТЕКСТ

</div>

Общее CSS оформление для трех различных вариантов, чтобы код был универсальным.

Так будет выглядеть, если там где маркировано красным, вставить - info

Так будет выглядеть, если там где маркировано красным, вставить - vajno

Так будет выглядеть, если там где маркировано красным, вставить - kod