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;
}

kam s kodem

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>

¡Sdílet!

2 komentářů:

Jan

Ahoj,
kde najdu ono tlačítko upravit html?

R2D2

Když píšeš (upravuješ) článek, úplně vlevo, na liště pro formátování, dvě tlačítka. Jmenuje se "HTML".
Omluva za mé hlemýždí tempo. Jistě si už dávno našel.

Okomentovat

Můžete použít některé značky HTML, jako například <b>, <i>, <a>,  Nápověda

Hledat

 

DC Bublina v síti

Qwimbyho sloupek

Qwimby je nájemný zabiják, ze staré školy, s neomylnou muškou. Svou práci si nebere osobně, a v duchu jeho vlastního hesla: "Jeden výstřel, jedna mrtvola, jedna odměna", kráčí vpřed od jednoho kšeftu ke druhému a ještě stačí prohodit některé ze svých "hlubokých mouder."

Nové články

DC Bublina © 2012 obsah volně šiřitelný s uvedením zdroje | Články: RSS | Pohání: Blogger