網頁

2008年11月21日

讓每篇文章都顯示日期

如何讓Blogger可以在每一篇文章都顯示日期?因為通常Blogger都會讓同一天發表的數篇文章中,只有第一篇會顯示日期,或許這樣有它的好處,但我覺得這樣瀏覽起來反而不太親切。

參考網路上的做法卻始終行不太通..

我的做法是:

1. 先將Blogger用來顯示日期標題的XML語法,透過Javascript函式先將日期存取至變數,從不同狀況中再列印出來。

<script type='text/Javascript'>
var d;
function saveDate(c){
if(c!=&#39;&#39;) d=c;
document.write(d);
}

function showDate(a){
document.write(d);
}
</script>


將上面的code放在 <b:skin><![CDATA[/* 之前。

2. 在body內容找到顯示dateHeader的loop區塊,將藍字部分轉換為紅字的部分。

(Original)
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

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


(Modification)
<!-- posts -->
<div class='blog-posts hfeed'>
<b:include data='top' name='status-message'/>
<data:adStart/>

<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'>
<script>
saveDate(&#39;<data:post.dateHeader/>&#39;);
</script>
</h2>
<b:else/>
<h2 class='date-header'>
<script>showDate();</script>
</h2>
</b:if>

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


3. 修改程式碼之前,記得備份一下Template。儲存之後就行了 :p

References:
[1] 貓盒子的筆記本 - Blogger: 讓每篇文章都顯示日期

2 則留言:

富公子 提到...

感謝您的文章,幫我解決日期顯示不出來問題.
有空也來我網誌逛逛,大家交流交流 ^^

chumi 提到...
作者已經移除這則留言。
Related Posts with Thumbnails