Bloggerの投稿タイトルの下に区切り用画像を表示

投稿タイトルと本文の間に、区切り用の画像を配置する。

テンプレート → カスタマイズ → 上級者向け → CSSを追加 にて
.post-header-line-1 {margin:0;padding: 0px 0px 30px 0px;
background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfRdP7OZE7aRU6imFrrGmrE6ILOKqTFqrd8HHvCDN4-J6bBggg4_UUz1b8UUYW9bmUamBsmUKDKrawBeZWe77KdEeGjBeAldO3QWlSWRSHfN5c08GJvBR9oUeFiyYy-dbE5affL_SSz3I/s800/03.gif');
background-repeat:no-repeat;
background-position:center center;
}
を記入してブログに適用
(marginやpadding等は画像に合わせて調整

こんな感じで区切りが付いた。

0 件のコメント:

コメントを投稿