分享如何將同一天文章分開顯示 - 部落格

好讀無音樂圖文版
http://ca-chen.blogspot.tw/2012/05/blog-post_19.html#more

在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>

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

儲存後預覽一下吧！
賀!!!!!!!大功告成!!!!!!!

參考網址已於圖文版內附上。

--