【WordPress】の場合はテーマによって様々。とくに変換しなくてもそのまま書き込めるものもある。表示がうまくいかない場合は<pre><code></code></pre>をつけてCSSで整える必要があるので変換しましょう。
【Blogger】のヴィジュアル入力「作成」の場合は、とくに変換しなくてもそのまま書き込める。見え方は普通の文章と同じになってしまうので、見え方をきれいにしたいなら<pre><code></code></pre>をつけてCSSで整える必要があるので変換しましょう。
<pre><code></code></pre>を簡単に記載する場合の方法
初心者にとって簡単な方法は、ツールにて表示する為のHTMLソースに変換してそのままコピペです。
こちらのツールでは<pre><code></code></pre>をつけてくれます。
http://blogtool.flatlabs.net/source.html
前知識
pre要素とcode要素
pre要素の中にcode要素を入れてセットで使用（初心者にはわかりやすい）。
<pre><code>
</code></pre>
code要素＝<code></code>
computer codeの略。
ソースコードであることを示す要素。
pure要素＝<pre></pre>
preformatted textの略。
無駄なスペースやタブなどがない整形済みのテキストであることを示す要素。