BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» livedoorブログカスタマイズ フッターデザインを変更する方法

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

livedoorブログカスタマイズ フッターデザインを変更する方法

   投稿日: 2016/09/15    投稿者:webコラム

6bf862a00462fac02aa702c8adf324fb_s.jpg

こんにちは! ライターのモモタロウです。

今回は、livedoorブログカスタマイズ フッターデザインを変更する方法をお伝えいたします。

フッターデザインを変更しよう

20160903-3.jpg

上の画像の「Powered by ライブドアブログ」の部分を変更します。

今回は、文字の大きさと、フッター背景の幅を変更します。

20160903-1.jpg

まずは、livedoorブログにログインします。

上の画像のように、「ブログ設定」→「デザイン設定(PC)」→「カスタマイズ」タブをクリックします。

ここでCSS編集ができます。
ヘッダー・フッダー部分を探しましょう。

20160903-2.jpg

上の画像のように、

「 /** 10 Header &Footer- ヘッダー・フッター*/ 」の
「 /**Footer*/ 」の以下の部分を変更します。

現在、

div.footer-outer{
      padding; 10px;
}

となっています。

これを、「50px」に変更します。

さらに、div#footer p {
        font-size:83%
}
―を「120%」に変更してみましょう。

プレビューボタンをクリックすると・・・
20160903-3-1.jpg

まとめ


いかがでしたか?

この他に、字体を変更したり、フッター文を左詰め、右詰めにすることが可能です。

また、次の機会にお伝えしましょう。

今回は、マイナーチェンジのようなところがありますが、是非、試してみてくださいね。



カテゴリ:

TOPへ