Bloggerのタイトル画像を中央に配置

Labels:
左寄せになっているタイトル画像を中央に移動。

テンプレート　→　HTMLの編集　にて

.Header img　の　{～}　の中に　margin:auto;　を追加
.Header img, .Header #header-inner {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
margin:auto;
}
または
.Header img{
margin:auto;
}
を追加

タイトル画像が中央に。

6 件のコメント:

  1. 匿名2013/10/22 15:30

    はじめまして。
    .Header img　というものが見つからなかったのですがどうすればいいですか？
    HTMLでcontrol+Fで検索をかけ、目視でも探してみましたが見当たりません。
    ブログタイトルには画像を使っています。
    アドバイスのほどよろしくお願いします。

    返信削除
    返信
    1. 悠月2013/10/22 22:12

      こんばんは。
      テンプレートの種類によって最初から.Header imgがある物と無い物があるようです。

      HTMLの編集でCSS部分に

      .Header img{
      margin:auto;
      }

      ↑を追加すると出来ると思います。

      このブログでは追加分がわかりやすいように
      /*タイトル画像位置*/
      .Header img{
      margin:auto;
      }
      と追加しています。

      削除
  2. 匿名2013/10/23 17:31

    悠月さん、お返事ありがとうございます。
    CSS部位がHTMLのどこかわからなかったのですが、
    テンプレート→カスタマイズ→上級者向け→CSSを追加で、教えていただいたコードを追加すると、タイトルを中央にすることができました！！
    ありがとうございました！！

    返信削除
    返信
    1. 悠月2013/10/24 0:03

      御役に立てて良かったです。

      CSSは＜b:skin＞＜/b:skin＞の中にあります。

      削除
    2. 匿名2013/10/27 13:56

      ありがとうございます☆今後の役にたてます。

      削除
  3. Unknown2015/04/28 1:36

    悠月さん、おかげさまでずっとやりたかったことが出来ました！
    とても役に立つ記事ありがとうございました！

    返信削除

登録: コメントの投稿 (Atom)