ブログカスタマイズ

Bloggerの記事タイトルを吹き出し風にする

こんな感じで記事タイトルを吹き出しにする。

chromeの検証で覗いてみると記事部分はclass="post-title"に相当すると思われるのでその部分を編集する。下記のCSSを追加する。

h3.post-title {
 position: relative;
 padding: .5em .75em;
 background-color: #f0f0f0;
 border-radius: 6px;
}

h3.post-title::after {
 position: absolute;
 top: 100%;
 left: 30px;
 content: '';
 width: 0;
 height: 0;
 border: 10px solid transparent;
 border-top: 15px solid #f0f0f0;
}

参考にしたサイト様

関連記事

スポンサーリンク

スポンサーリンク