Blogger(Blogspot)に日付と時刻を表示させる方法
Blogger(Blogspot)に日付を表示する方法
Blogger(Blogspot)では日付を表示したり消したりする機能がついています。Bloggerに日付を表示する方法は簡単です。まずはレイアウトページのブログの投稿ガジェットの編集を開いてみましょう。
投稿ページのオプションという項目があり日付にチェックボタンを入れると日付を表示でき、オフにすると日付が表示されなくなります。訪問客を増やしたいのであれば、日付はオンにしておいたほうがおすすめで、アクセスを期待しない場合はオフにしておいてもよいでしょう。
Bloggerのテンプレートhtml編集画面で日付を表示させる方法
ここからはhtmlを使える人向けの内容です。デフォルトの設定では日付は記事タイトルの左上と記事下の左下表示されます。日時を表示させる場所を移動させたり、特別な記述を加えたりすることができます。今回はヘッダー上の日時を編集する方法を説明したいと思います。
Ctrl＋FでdateHeaderを探します。
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><span><data:post.dateHeader/></span></h2>
</b:if>
デフォルトの設定ではこのようになっています。
得に<h2>～</h2>の部分は直接表示に関わる部分です。
ここでは<h2>になっていますので、サイズを変更したり、色やフォントを変えたり直接CSSで装飾することもできます。
もちろんこのタグをコピペすれば記事エリア周辺の好きな場所に記事の日時を入れることができます。
