[資源分享] 同一天文章分開顯示

在Blogger我選的版型中，同一天發表的文章會連在一起，如上圖，較舊的文章會連在新文章的後面而且不會顯示日期。

這點實在很困擾我，讓我有時候同一天想發第二篇第三篇都要忍到隔天，因為我實在不喜歡都黏在一起的區塊阿阿阿阿阿阿阿!!!!!!!!

Blogger一個好用的地方就是什麼都有機會可以自己更改，於是乎為了這個需求找了幾天資料，頂多就是用script把日期顯示出來，但版型還是黏在一起阿阿阿阿阿阿!!!!!!

最後放棄用中文尋找，改用英文到google去搜尋，沒想到第一篇就成功了，分享給跟我一樣不喜歡同一天文章黏在一起的同好。

進入範本後修改HTML，展開小裝置範本，搜尋以下片段

<!-- posts -->

<div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<data:defaultAdStart/>

    <b:loop values='data:posts' var='post'>

      <b:if cond='data:post.isDateStart'>

        <b:if cond='data:post.isFirstPost == &quot;false&quot;'>

          &lt;/div&gt;&lt;/div&gt;

        </b:if>

      </b:if>

      <b:if cond='data:post.isDateStart'>

        &lt;div class=&quot;date-outer&quot;&gt;

      </b:if>

      <b:if cond='data:post.dateHeader'>

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

      </b:if>

      <b:if cond='data:post.isDateStart'>

        &lt;div class=&quot;date-posts&quot;&gt;

      </b:if>

      <div class='post-outer'>

      <b:include data='post' name='post'/>

      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>

        <b:include data='post' name='comments'/>

      </b:if>

      <b:if cond='data:blog.pageType == &quot;item&quot;'>

        <b:include data='post' name='comments'/>

      </b:if>

      </div>

      <b:if cond='data:post.includeAd'>

        <b:if cond='data:post.isFirstPost'>

          <data:defaultAdEnd/>

        <b:else/>

          <data:adEnd/>

        </b:if>

        <div class='inline-ad'>

          <data:adCode/>

        </div>

        <data:adStart/>

      </b:if>

      <b:if cond='data:post.trackLatency'>

        <data:post.latencyJs/>

      </b:if>

    </b:loop>

    <b:if cond='data:numPosts != 0'>

      &lt;/div&gt;&lt;/div&gt;

    </b:if>

    <data:adEnd/>

  </div>

在我的範本裡是有兩段 <!-- posts --> 小心不要選錯了，找到之後把整段直接改成下面這段

<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/> 
 <data:defaultAdStart/>
 <b:loop values='data:posts' var='post'>
  <div class="date-outer">
   <h2 class='date-header'><span><data:post.timestamp/></span></h2>
   <div class="date-posts">
    <div class='post-outer'>
     <b:include data='post' name='post'/>
     <b:if cond='data:blog.pageType == "static_page"'>
     <b:include data='post' name='comments'/>
     </b:if>
     <b:if cond='data:blog.pageType == "item"'>
     <b:include data='post' name='comments'/>
     </b:if>
    </div>
    <b:if cond='data:post.includeAd'>
     <b:if cond='data:post.isFirstPost'>
     <data:defaultAdEnd/>
     <b:else/>
     <data:adEnd/>
     </b:if>
      <div class='inline-ad'>
       <data:adCode/>
      </div>
      <data:adStart/>
    </b:if>
    <b:if cond='data:post.trackLatency'>
     <data:post.latencyJs/>
    </b:if>
   </div>
  </div>
 </b:loop>
 <data:adEnd/>
</div>

改完後到設定裡面的語言格式將時間戳記改成想要的格式，這會替代原本的標題格式。

預覽一下看看成果

賀!!!!!!!大功告成!!!!!!!

此功能內容參考自(Reference site)

http://easypeasydesign.blogspot.com/2011/04/blogspot-separate-boxes-and-dates-for.html