読者です 読者をやめる 読者になる 読者になる

LURECREW

気になる事や良かった事を書いていこうと思います。

【はてなブログ】見出しをカスタムする!!カチョよくする!

ブログ運営-はてなブログ ブログ運営
スポンサーリンク

f:id:lurecrew:20160730000316j:plain

はてなブログの見出しを自分ごのみにカスタマイズ!!

参考にしたブログ

コピペでほぼ終わり。
参考にしたブログは、こちら。

shiromatakumi.hatenablog.com

有難うございます。

簡単コピペでOK!後は、色を指定するだけ。

.entry-content h3 {
  position: relative;
  color: #FFF;
  padding: 8px 12px;
  background-color: #293f60;
  border-radius: 6px;
}
.entry-content h3::before{
  position: absolute;
  top: 100%;
  left: 32px;
  width: 0;
  height: 0;
  border-width: 10px;
  border-style: solid;
  border-color: transparent;
  border-top-color: #293f60;
  content: '';
}

 使わせて頂いたコードはこちらで、background-colorとborder-top-colorを変更しました。

最後に

見出しって意外と重要。
せっかく見出しをつけてブログを書いているなら、話の流れなどもあるので、見ている人がわかりやすい方が良いと思います。

見出しを使ってない人は、SEO対策にもなると思うので、是非使用してカスタマイズしてください。