【Blogger】記事中に区切り線・仕切り線を引く方法

Bloggerで記事を書く場合、見出しや小見出し、引用、リンクなどの装飾機能をかんたんにつかうことができます。

しかし、記事中で文章を区切るために、線を引いたりする機能はありません。

この記事では、記事中に区切り線を引く方法についてまとめます。

かんたんで意外とべんりなび!

区切り線のデザインはこちらにまとめたので、ご覧ください。

>>コピペで使える!記事中の区切り線のデザインまとめ

記事中に区切り線を引く方法

Bloggerの記事編集画面を、HTMLに切り替えます。


区切り線を加えたい場所を探します。

HTMLの表示だと少し探しにくいかもしれませんが、文脈からたどると早くみつけられます。

あとはその場所に<hr/>、もしくは<div style="  "/>のタグを加えましょう。

少しイメージしづらいと思うので、実際にやってみます。


例えば、この文章のすぐ後に線を加えたい場合。



HTMLでは次のようになります。

例えば、この文章のすぐ後に線を加えたい場合。<br />
<br />
<hr />
<br />
HTMLでは次のようになります。<br />

Bloggerでは改行する際に<br/>タグを挿入するので、それを<hr/>に変えればかんたんです。

余裕を持たせるために、区切り線の上下にも改行を挟んでますが、ここはお好みで調整してください。

hrはhorizon、つまり水平線の意味なび!

区切り線のデザインはこちらにまとめたので、ご覧ください。

>>コピペで使える!記事中の区切り線のデザインまとめ

コメント