2012/03/24

Blogger 記事タイトルの下に時間やラベルを挿入する方法

image以前からBloggerの記事タイトル直下にラベルなどを挿入したかったのですが、ずっとやり方が分かりませんでした。

時間があったのでソースをずっと追っていったところ、感でタイトル直下にテキストを挿入できる場所を見つけたのでメモ。

post-headerクラスがタイトル直下のエリアです

image

まずはpost-headerクラスを探してください。

post-headerクラス配下に

  • post-header-bookmarkクラス
  • post-header-line-1クラス

があると思います。

この2つのクラスがタイトル直下のエリアになります。

時刻やラベルなどテキストやリンクを挿入してみました

image

変更後のスクリーンショットを見てください。

私はpost-header-line-1クラスのdivタグ内に

  • 時刻
  • ラベル
  • WLW編集用リンク

を配置しました。

人によっては、post-header-bookmarkにソーシャルボタンを配置したい人もいるかもしれませんね。

実際に時刻やラベルなどを配置する方法次回にしたいと思います。

bloggerタグの説明などがややこしくテキスト量が増えそうですので、気になる方は次回ご期待ください。

スポンサーリンク

スポンサーリンク