BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» livedoorブログカスタマイズ 背景色とタイトル等文字色を変更する方法

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

livedoorブログカスタマイズ 背景色とタイトル等文字色を変更する方法

   投稿日: 2016/07/28    投稿者:webコラム

710b50229cea1ec2df2498d98948f5b6_s.jpg

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

今回は、livedoorブログで背景色とタイトル等の文字色を変える方法をお伝えします。

背景色を変える方法


livedoorのブログ-1.jpg
上の画像はlivedoorブログのデフォルトとなっております。
この背景色を変えます。

まず、livedoorブログにログインします。
livedoorのブログ-2.jpg


ログインしたら①の「ブログ設定」をクリックします。
その後、基本設定画面に変わったら、②の「カスタムJS」をクリックします。
livedoorのブログ-3.jpg

上のタブにある「カスタマイズ」をクリックし、cssを編集します。

/* 全体のレイアウト
----------------------------------------------- */
body {
 background-color: #eff0eb;

[ #eff0eb ]を変更します。

4096 Color Wheel
http://www.ficml.org/jemimap/style/color/wheel.html?abc=%2300ff00

↑ でカラーを選択するとよいでしょう。

今回は [ #ffddff ]とします。


livedoorのブログ-4.jpg

上の画像の通りに変更します。

次に、タイトル等文字の色を変更します。

タイトル等文字色を変える方法


livedoorのブログ-5.jpg

/* 全体の文字色、リンク色
----------------------------------------------- */
body {
 color: #080000;
 font: 14px/1.2 Helvetica,Verdana,sans-serif;
}
a,
body.page-article .article-title a:visited {
 color: #2e90c5;

今回は [ #2e90c5 ] を変更します。
[ #ffb8df ] とします。

変更したあと「プレビュー」をクリックします。

livedoorのブログ-6.jpg

まとめ


いかがでしたか?

livedoorブログのカスタマイズでさらにオリジナルのブログをブラッシュアップしていきましょう!

カテゴリ:

TOPへ