投稿日: 2017/11/02
投稿者:webコラム
こんにちは! ライターのモモタロウです。
今回は、はてなブログカスタマイズ 記事タイトルのフォント・背景色を変更する方法をお伝えします。
以下の画像の四角で囲った部分を変更します。
はてなブログ記事タイトルのフォント・背景色を変更するには?
まず、はてなブログにログインします。
「ダッシュボード」にアクセスして、左側のメニューバーに並ぶ「デザイン」をクリックします。

左上の横に並ぶボタンのうち、スパナボタンをクリックします。

{}デザインCSS をクリックして、ここを編集します。
今回は、ブログ記事の背景色とフォントサイズを変更します。
.entry-title { font-weight:
bold;
font-size:
20px;
padding:
15px 10px;
background-color:
#eee;
border-bottom:
4px solid #ccc;
}
上のタグをCSS編集画面に書き込みます。
以下は、CSS編集小ウィンドウの画像です。

フォントの大きさは、
font-size: 20px;
背景色は、
background-color: #eee;
―としました。
「変更を保存する」ボタンをクリックして、ブログを確認すると・・・

記事タイトルの背景色とフォントの大きさが変わっていることが分かります。
背景色は、自在に変更可能です。
次に、背景の色を「#ff6699」としてみよう。
background-color: #ff6699;
まとめ
いかがでしたか?
このように、はてなブログの記事タイトルをカスタマイズすることができます。
是非、試してみて下さいね!