まずはブログにシンタックスハイライト機能を入れます!
highlight.jsを導入しました
HTMLヘッダーにコレ
<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>
ハイライトしたくなったらコレ
<pre><code class="html">...</code></pre>
とりあえずこんな感じでコードが見やすくなったかな?