あめつくのブログ

  • このエントリーをはてなブックマークに追加

アメブロカスタマイズ ブログタイトルを好きな位置に変更する(css)

広告

ここでは、アメブロのcssを編集して「ブログタイトルを好きな位置に変更する方法」を説明します。

【変更前】

【変更後】

なお、cssを編集するにはブログデザインを「CSS編集用デザイン」にする必要があります。ブログのデザインをCSS編集用デザインにする方法は、「アメブロのcssを編集するための設定」を参考にしてください。

広告

アメブロのブログタイトルを好きな位置に変更する方法

マイページ右上の「アメーバのサービス一覧」をクリックします。
サービス一覧(PC編)

[デザインの変更]をクリックします。
デザインの変更(PC編)

[cssの編集]をクリックします。

cssの編集画面が表示されます。ここから、ブログタイトルを好きな位置に変更するためのcssの編集に入ります。

まず、下の赤枠の内容をコピーします。これがブログタイトルを好きな位置に変更するためのcssです。

赤い数字の部分を変更すると位置を変更できます。
“top”の数値をマイナスの値にすると元の位置よりも上へ、数値をプラスの値にすると元の位置よりも下へ文字位置を移動できます。
“left”の数値をマイナスの値にすると元の位置より左へ、数値をプラスの値にすると元の位置より右へ文字位置を移動できます。値をかえて色々と試してみてください。

.skinTitle{
position:relative;
top:-20px;
left:50px;
}

コピーした内容はcssの一番下の部分に貼り付けます。
貼り付けが終わったら、[保存]ボタンをクリックして追加したcssを保存します。

保存できたらブログを表示し、ブラウザの更新ボタンをクリックします。
(古いデータが残っていると変更したcssが反映されませんので、ブラウザの更新ボタンをクリックして最新の状態に更新します。)

これで、ブログタイトルの位置が変更できます!

ここまでの内容を動画でも確認できます。
よかったら、参考にしてください!
ブログタイトルを好きな位置に変更する(YouTube)

広告

関連記事

コメント

  • トラックバックは利用できません。

  • コメント (0)

  1. この記事へのコメントはありません。

カテゴリー