検索
検索をクリア
検索終了
Google アプリ
メインメニュー

ブログのデザインを変更する

ブログのレイアウトや配色などを変更できます。

ガジェットを使ってブログのデザインを変更する

ガジェットを使ってブログのデザインをカスタマイズできます。たとえば、ページにブログのアーカイブを表示させたり、各ページにブログラベルの一覧やプロフィールを掲載したりすることが可能です。

ブログにガジェットを追加する
  1. Blogger にログインします。
  2. 更新するブログを選択します。
  3. 左側のメニューで [レイアウト] をクリックします。
  4. ガジェットを追加するセクションで、[ガジェットを追加] をクリックします。
  5. 開いたウィンドウで追加するガジェットを選び、追加アイコン 追加 をクリックします。
  6. 左下の [保存] をクリックします。
  7. 省略可: ガジェットの設定を変更するには、編集アイコン 編集 をクリックします。

HTML や CSS を使ってブログのデザインを変更する

HTML を使ってブログのデザインを変更する
  1. Blogger にログインします。
  2. 更新するブログを選択します。
  3. 左側のメニューで [テーマ] をクリックします。
  4. [ブログで使用中] の下にある [HTML の編集] をクリックします。
  5. 編集を加えます。
  6. [テーマを保存] をクリックします。

注:

  • ページ要素タグを使用すると、各ページのセクション(フッターやサイドバーなど)ごとにデザインをカスタマイズできます。
  • ウィジェット テンプレート タグを使用すると、各ページのサイドバー ガジェット、ヘッダー ガジェット、フッター ガジェットなどに表示する情報をカスタマイズできます。
CSS を使用してブログのデザインを変更する
  1. Blogger にログインします。
  2. 更新するブログを選択します。
  3. 左側のメニューで [テーマ] をクリックします。
  4. [ブログで使用中] の下にある [カスタマイズ] をクリックします。
  5. 左側のメニューで [上級者向け] 次へ [CSS を追加] の順にクリックします。
  6. コードを追加します。
  7. 右上の [ブログに適用] をクリックします。

注: 投稿者がコンテンツの送信、投稿、表示に Google のサービスを利用しても、Google がそのコンテンツを所有または管理することにはなりません。ブログの投稿者としてコードやサードパーティ製ウィジェットを追加する場合は、自身の責任において追加してください。

この記事は役に立ちましたか?
改善できる点がありましたらお聞かせください。