BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» FC2ブログでタイトルの位置を変える方法

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

FC2ブログでタイトルの位置を変える方法

   投稿日: 2016/02/04    投稿者:webコラム

59354d82656093aad099e3796d1c48c4_s.jpg

こんにちは!ライターのモモタロウです。
今回は、FC2ブログでタイトルの位置を変更してみましょう!
難しいことではありません。是非、自分だけのオリジナルブログを作成してみましょう!

FC2ブログでタイトルの位置を変更するには?

20160204-1.jpg

タイトルの位置を変えるには、FC2のCSS(スタイルシート)を少し変更するだけです。

FC2ブログにログインし、管理画面に入ったら、テンプレートボタンをクリックします。
テンプレート設定のところで下の方に下の画像のようなスタイルシートの編集部分があります。
Header部分を探し出します。
編集する場所は、以下↓の○で囲った部分です。

20160204-2.jpg

margin: 0 auto;
部分を
margin: 0 0 0 450px;

20160204-3.jpg

margin:   0  0 0 450pxの意味は、
一番右が、右側に移動する値の大きさになります。
変更すると、↓のようになります。
20160204-5(450px).jpg

センターよりに変わりました。
これを、600pxとすれば、さらに右にズレます。↓


20160204-4(600px).jpg



縦横自由自在に位置を変える方法

次に、
margin: 0 0 100px 0;
としてみます。

20160204-6(100px下が空く).jpg


↓下の部分の空白が広がりました。

20160204-7(100px下が空く).jpg

では、marginを、
margin: 100px 0 0 0 ;
としてみます。

20160204-8(100px上が空く).jpg


↓今度は上の余白が広がりました。

20160204-9(100px上が空く).jpg


いかがでしたか?
margin部分をさまざまな数値に変えることにより、
オリジナルブログをさらにブラッシュアップすることができます。
是非、今回ご紹介したタイトルの場所を変更する方法を試してみて下さい!

カテゴリ:

TOPへ