BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» アメブロカスタマイズ ブログタイトルを好きな位置に変更する方法

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

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

   投稿日: 2015/02/06    投稿者:webコラム

m2-1.jpg

こんにちは、駆け出しライターのMAKIです。

今日のテーマは、ブログタイトルを好きな位置に変更する方法、です。
これで微妙〜な調整ができるようになっちゃいますよ。

では、レッツトライ!

CSSの編集画面を開きます

「ブログを書く」→「デザインの変更」→「CSSの編集」とクリックします。

m1-4.jpg

CSSに文を追加します

「現在使用中のブログデザインCSS」の一番下に、次の文を追加してください。

/*ブログタイトル位置変更*/
.skinTitle{
position:relative;
top:00px;/*マイナスでタイトルが上にプラスでタイトルが下に*/
left:00px;/*マイナスでタイトルが左にプラスでタイトルが右に*/
}


青の文字のところは、ご自分のタイトルに合わせた数字を入れてください。

例えば、こんなのが↓

m2-2.jpg

top:-20px;
left:00px;

にすると

m2-3.jpg

こんな感じ↑

top:00px;
left:-20px;

にすると

m2-4.jpg

こんな感じ↑

top:50px;
left:00px;

にすると

m2-5.jpg

こんな感じ↑

top:00px;
left:50px;

にすると

m2-6.jpg

こんな感じ↑になりま〜す。
数値を変えて、いろいろ試してみてくださいね!

まとめ

ちょっとの手間でアメブロに、微妙な調整をプラスできますね。
ぜひトライしてみてください!

では、また〜^^

カテゴリ:

TOPへ