How to embed code snippets in Blogger/BlogSpot

I would like to share my way with you because it's simple and has mobility. Go to your blogger account click theme >> customize >> Advance >> Add CSS then paste below CSS code

code {
    font-family: Courier, monospace;
    color: #000;
    background-color: #f8f9fa;
    border: 1px solid #eaecf0;
    border-radius: 2px;
    padding: 1px 4px;
}
pre, .mw-code {
    padding: 5px;
    font-family: Courier, monospace;
    font-size: inherit;
    line-height: 1rem;
    color: #000;
    background-color: #f8f9fa;
    border: 1px solid #eaecf0;
    padding: 1em;
    white-space: pre-wrap;
    overflow-x: hidden;
    word-wrap: break-word;
}

To make things work, for example:

To check the MX record of a domain <code> nslookup </code> (in windows):

<pre>temp = foo</pre>