So-net Blog における、blockquote タグでの、横スクロールバー

このブログには、度々、blockquote で、ソースコードを貼っているのだが、長いとはみ出して表示されなくなってしまう。
横スライドバーが出せないかと思って調べたら、次のように、CSS を編集すればよいとの事。
So-net も管理画面から編集できるとのことなので、一寸弄った。

  <blockquote>要素で横スクロールバーを出す方法 - 研究室
    http://www.antimon2.atnifty.com/lab/2007/01/blockquote.html
  CSS編集：使い方 マニュアル：So-netブログ
    http://blog-help.blog.so-net.ne.jp/css1

で、使ってるデザインのCSSに下記を追加。

blockquote.code {
    width: 480px;   /* for IE */
    overflow: auto;
    white-space: pre;
}

で、記事を書く時に、次のようにタグを打てばよい。

<blockquote class="code"><pre>
ここに、ソースコードを書く
</pre></blockquote>

問題は、デザインを変える度に、編集する事を忘れないようにしないといけないことか。
（まあ、その為に、ここに書いてるのだけれど）