アメブロカスタマイズ ブログタイトルを中央寄せにする(css)
ここでは、アメブロのcssを編集して「ブログタイトルを中央寄せにする方法」を説明します。
【ブログタイトルの中央寄せ前】
【ブログタイトルの中央寄せ後】
なお、cssを編集するにはブログデザインを「CSS編集用デザイン」にする必要があります。ブログのデザインをCSS編集用デザインにする方法は、「アメブロのcssを編集するための設定」を参考にしてください。
広告
アメブロのブログタイトルを中央寄せにする方法
マイページ右上の「アメーバのサービス一覧」をクリックします。
[デザインの変更]をクリックします。
cssの編集画面が表示されます。ここから、ブログタイトルを中央寄せにするためのcssの編集に入ります。
まず、下の赤枠の内容をコピーします。これがブログタイトルを中央寄せにするためのcssです。
.skinTitleArea{ text-align:center; }
コピーした内容はcssの一番下の部分に貼り付けます。
貼り付けが終わったら、[保存]ボタンをクリックして追加したcssを保存します。
保存できたらブログを表示し、ブラウザの更新ボタンをクリックします。
(古いデータが残っていると変更したcssが反映されませんので、ブラウザの更新ボタンをクリックして最新の状態に更新します。)
これで、ブログタイトルが中央に表示されます!
ここまでの内容を動画でも確認できます。
よかったら、参考にしてください!
⇒ ブログタイトルを中央寄せにする(YouTube)
広告
コメント
トラックバックは利用できません。
コメント (0)
この記事へのコメントはありません。