Hogyan mutassunk programkódot bloggerben?

Anélkül persze, hogy simán bemásolnánk hatszáz sort, amit aztán görgethetsz napestig, ha át akarod ugrani. Tehát ügyes, kicsi, önmagában scrollozható code-boxra gondolunk, pont mint amit itt mutatnak. Persze jól nézne ki a felső sarkában egy copy-to-clipboard ikon is, de nem vagyunk telhetetlenek, ahhoz több helyen bele kellene írni a bloggerbe.

A következő módszer azonban elég egyszerű, csak az aktuális poszt HTML-nézetébe kell beszúrni egy ilyet:

<div style="background-color: #f1f1f1; border: 1px solid rgb(204, 204, 204); font-family: &quot;Courier New&quot;, monospace; max-height: 300px; overflow: auto; padding: 10px; white-space: nowrap;">
    <pre>// Paste your code here
function helloWorld() {
    console.log("Szevasztok!");
}

Aztán paraméterezheted is, színre, formára. Például: max-height: 300px.
Na így. Később szükségünk lesz rá.