Bloggerの記事の横幅を動的に変更する.

テンプレートでは, ウィンドウがどれだけ伸縮しようと, Bloggerの横幅のサイズは固定でした.
それが嫌だったので, 横幅を見ているウィンドウサイズに合わせて動的に(可変的に?)変更するようにしました.
ちなみに, その用語をfluid/liquidレイアウトというらしいです.

BloggerをFluid/Liquidレイアウトにする方法

こちら

に

.content-outer, .content-fauxcolumn-outer, .region-inner {
        min-width: 1000px; /*$(content.width)*/
        max-width: 1280px; /*$(content.width)*/
        _width: 100%; /*$(content.width)*/
      }

引用元 : Blogger: make your blog fluid (fit any screen resolution)

と書いてあったので, ちょっと変更して,

レイアウト -> カスタム -> 上級者向け -> CSSの追加

で, その中に追加した.

 .content-outer, .content-fauxcolumn-outer, .region-inner {
     min-width: 900px !important;;/*$(content.width)*/
     max-width: $(content.width);
     _width: 100% !important; ;/*$(content.width)*/
 }

テンプレートによっては, cssのクラスやタグが違うので, これが100%正しいコードとは言えないが, 最低でも自分はできました.

参考文献

• Blogger: make your blog fluid (fit any screen resolution)