Blogger・投稿タイトルの下にもラベルが表示されるようHTMLを編集

Blogger の一部テーマではラベルが投稿の下に表示されますが、投稿タイトルの下にもラベルが表示されるように HTML を編集します。投稿ガジェットから位置の変更ができるように見えますが、実際には機能していないため HTML を編集するしかありません。

HTML を編集する

投稿欄でラベル表示をする以下のソースコードをコピーし、タイトルの下に位置する箇所へペーストします。
<span class='post-labels'>
 <b:if cond='data:top.showPostLabels and data:post.labels'>
  <data:postLabelsLabel/>
  <b:loop values='data:post.labels' var='label'>
   <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='not data:label.isLast'>,</b:if>
  </b:loop>
 </b:if>
</span>
以下のコードを探し、コピーした上記コードを加えます。
<div class='post-header'>
<div class='post-header-line-1'/>
</div>
以下のようにして保存します。
※ハイライト箇所がペーストしたコード部分
<div class='post-header'>
<div class='post-header-line-1'/>
<span class='post-labels'>
 <b:if cond='data:top.showPostLabels and data:post.labels'>
  <data:postLabelsLabel/>
  <b:loop values='data:post.labels' var='label'>
   <a expr:href='data:label.url' rel='tag'><data:label.name/></a><:if cond='not data:label.isLast'>,</b:if>
  </b:loop>
 </b:if>
</span>
</div>
これで投稿タイトルの下にもラベルが表示されますが、これだけだと投稿下のラベルも表示されたままなので、上下にラベルが表示されている状態です。
投稿下のラベルを表示したくない場合は、以下のコード下にペーストしたコードと同じものが記述されているので、そのコード部分だけを削除するかコメントアウトします。
<div class='post-footer-line post-footer-line-2'>
上記部分のコードを削除またはコメントアウトすることで、この部分を有効活用することもできます。本来はラベルが表示される箇所なので、各投稿ページ下部に表示させたい何かに使えそうです。