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

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

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

を追加してください

F(uriouz)

欲しいものリスト / 優先度の高いほしいものリスト / ☕を奢る
Donate 寄付 カンパ サポート 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."