記事タイトル:
ケータイ版のアメブロの文字サイズを変更する
テーマ:ケータイ版のカスタマイズ
こんにちは。
アメブロ簡単カスタマイズの松田です。

今回はケータイ版のアメブロの文字サイズを大きくするカスタマイズをご紹介します。
まず最初にこちらのソースをCSSに追記してくださいね。^^

次に記事編集画面を開き、記事編集スペースの下にある「HTMLタグを表示」のタブをクリックします。(グーグルクロームを利用されている方は関係ありません。)

入力スペースに以下のソースを書きます。

<div class="k-tai"><blockquote style="font-size:1.2em;"></div>

~記事の本文~

<div class="k-tai"></blockquote></div>

このソースの意味するところですが、パソコン版のブログでは<blockquote style="font-size:1.2em;">と</blockquote>は非表示扱いになるため、文字サイズを大きくするfont-size:1.2emは修飾効果を発生しないことになります。

一方ケータイ版のブログでは<div class="k-tai">は無視されますので、font-size:1.2emという修飾が効果を発揮します。

からくりはこんな感じです。
あとは記事本文のところに実際の記事を書いていけばOKです。