bloggerで記事タイトルの下にラベルタグを表示する

どうしても記事の下だとラベルが分かりづらかったので
記事上に表示するようにしてみた。
これもやり方は簡単ですぐに出来る。。。

参考サイト
こちらでは詳しく場所の移動のやり方なども紹介されてます。
[blogger]記事タイトルの下にラベルタグを表示する方法

メモ書き

管理画面から、
「テンプレート＞HTMLの編集＞ウィジェットのテンプレートを展開にチェック」
まずここでページ内の以下を探す。

1. <div class='post-header'>
2. <div class='post-header-line-1'>

この部分を探します。

その下に以下のコードを入れれば出来上がり

1. <div class='labelheader'>
2. <span class='post-labels'>
3. <b:if cond='data:post.labels'>
4. <data:postLabelsLabel/>
5. <b:loop values='data:post.labels' var='label'>
6. <a expr:href='data:label.url' rel='tag'>
7. <data:label.name/></a>
8. <b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
9. </b:loop></b:if></span></div>

追記
右側に表示して文字の大きさも変えて見ました。

メモ書き

カスタム CSS を追加に以下
.labelheader {text-align:right;}
.labelheader { font-size : 17px ;}
を追加しました。

ついでにbodyの文字の行間を拡げました。
body {line-height: 1em }
p { line-height: 30px }