Jak vložit html kód do článku na blogger

Občas potřebujeme v textu článku zobrazit html kód nebo skript. V případě, který jsem si vybral se kód zobrazuje ve vložených polích. Barvu pozadí, šířku, druh fontu apod. je možné editovat pomocí CSS stylu.

Přihlásíme se ke svému účtu na blogger.com a v menu Rozvržení, zvolíme Upravit HTML. V tomto případě "Rozbalit šablony pomůcek" neoznačíme. Nejlépe pomocí Ctrl+F vyhledáme část kódu jako

]]></b:skin>

Před tuto část vložíme následující kód:

pre {
background:#efefef;
border:1px solid #A6B0BF;
font-size:120%;
line-height:100%;
overflow:auto;
padding:10px;
color:#000000
}

pre:hover {
border:1px solid #efefef;
}

code {
font-size:120%;
text-align:left;
margin:0;padding:0;
color: #000000;}
.clear { clear:both;
overflow:hidden;
}

Změnou parametrů CSS měníme vzhled. Kód html, který chceme v článku zobrazit, uzavřeme do tagu

<pre>vložit kód</pre>