2022年12月18日日曜日

[Blogger]各投稿に日付ヘッダーを表示する

Blogger

Simple (「シンプル」テーマ ) とか、同じ日に2件以上投稿した場合、日付ヘッダーは一番上の投稿にしか付きません
これを全ての投稿に付ける方法

        <b:if cond='data:post.dateHeader'>
          <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
        </b:if>

をまず探します
(そのままでいい人でも、h2 は div に置き換えてもいいかなと思います)

置き換えるコード

        <b:if cond='data:post.dateHeader'>
          <script>var exeBlogDate = &#39;<data:post.dateHeader/>&#39;;</script>
          <div class='date-header'><span><data:post.dateHeader/></span></div>
          <b:else/>
          <div class='date-header'><span><script>document.write(exeBlogDate);</script></span></div>
        </b:if>

情報元: (例として紹介されているテーマは Awesome Inc.)
How To Show Dates With All Blogger Posts Even Publish On Same Date? - EXEIdeas – Let's Your Mind Rock
https://www.exeideas.com/2014/06/show-dates-with-all-blog-posts.html

追記
ページ上にも日付ヘッダーのCSSが出るので、</head>上に

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<style>
.date-header {
  display: none;
}
</style>
</b:if>

を追加してください

F(uriouz)

欲しいものリスト
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.

0 comments:

コメントを投稿

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."