アメブロで、ブログの説明文に改行を入れる方法は? | KNのブログ

KNのブログ

テニス、生活の知恵、B級グルメ、時事問題、精神世界、その他いろいろ書いています。
      ※使用PCは、ブログ開設時から 「Windows XP」 です。(マシンは2台目→3台目)

当ブログが、パソコン関係の記事のアクセスが多いので、
ブログの説明文に「Windows XP」での話ですよーという1文を入れてみました。

KNのブログ


しかし、改行を入れるためには「CSSの編集」と言う奴をしなければ実現できませんでした。そこで、
   「アメブロで、ブログの説明文に改行を入れる方法は?」
について情報の共有をしたいと思います。


まず、「マイページ」-「デザインの変更」をクリックして出てきた画面上で、
「CSSの編集」をクリックします。 (マウスを近づけなければ、青色)

KNのブログ


出てきた画面の ”前半” に、「ヘッダー」という部分があるので、それを探し、
次に、「header h2{ 」と言う部分を探します。

{ から} までが ”かたまり” で、セミコロンが項目の区切りになってます。
そこで、次のような1行を追加します。(だいだい色のアンダーラインの部分)

KNのブログ

white-space:pre; /*概要を改行させる*/
   ※すぐ上の1行は、私が追加した1行<そのまま>です。
   ※/* */内はコメントが書ける。 ; から/* までは念のため半角の
     ブランク(2個)にしている。

追加ができたら、「保存」する前に、「表示を確認する」をクリックしてください。
別タブでプレビュー画面が表示されます。

それでOKならば、「保存」をクリックしてください。



参考にさせていただいたページ:
  「■アメブロ:説明文を改行する方法」
     from SEM SEO コンサルティング さん
     2009-08-11
     http://ameblo.jp/sem-consulting/entry-10318387924.html

  「アメブロの「ブログの説明」を改行したいのですが、 どういったタグを
   使えば出来る... 」
     from Yahoo!知恵袋
     2009/9/12
     http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1130534131