到處蒐集免費有用的軟體、線上服務、小技巧……

banner 背景來源Flicker| 點閱次數:

[原創]以日曆的形式顯示文章日期

這個小小的hack純粹是練習用的,只是想把文章日期(post.dateHeader)以日曆的形式表現出來,如果您覺得有趣歡迎留言指教。

 

1.加入CSS

2.加入JS


3.找到以下代碼

<div id='blog-posts'>
<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'/>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

紅色部份代碼替換成以下代碼

已知問題:換頁(按下 Older Posts)後無法顯示日曆。

10 留言:

抽筋儿 提到...

有效果图么?想看下。。呵呵

BearJess 提到...

新年快乐!!
我按照你说的做了,可日期显示都是NAN
能帮忙看看为什么吗? 谢谢
http://bearjess.blogspot.com

國良先生 提到...

TO BearJess
請把日期格化從「2007-02-20」改成「2007/02/20」

BearJess 提到...

谢谢,已经解决了.效果很PP^_^

Hory 提到...

请问,你的用日历显示日期的方法,我用了之后,日历只能在首页显示,进入某篇文章之后,就不能显示日历,只是显示正常的日期,当你的博客可以在任何页面显示,请问怎么解决,谢谢!

Alex 提到...

请教一下国良
我在我的测试博客上测验了一下,在只有几篇纯文字文章,没有图片的情况下,一切正常,每篇都有显示出来,换页时没有问题,可是后来多发了几篇文章,同时发了图片,结果就出现了问题,只有首页的第一篇文章上有显示日期,下面的都没有,换页也没有,但在单篇文章显示页时一切正常,后翻或是前翻后都有显示。
不知是不是和blogger的发图片什么有冲突?因为在没发图片时,我这里的显示一切正常。
同时我在网上找到一个也是blogger显示日历形式制作方法的文章,因为自己对css不太懂,所以发给国良兄看看有什么可借鉴http://brainstormsandraves.com/archives/2007/02/22/csscalendar/

國良先生 提到...

TO alex
同一天的文章只有第一篇會顯示月曆。
你最近的文章(beta)都是2007/8/1,所以只顯示一個月曆。

Alex 提到...

十分感谢!!
不知http://brainstormsandraves.com/archives/2007/02/22/csscalendar/
对于---已知問題:換頁(按下 Older Posts)後無法顯示日曆。---
这篇文章是否会有帮助.
晚安了!

Kevin Tsai 提到...

很棒的技巧,原本以為是用圖片,沒想到是透過CSS產生的,真的是很不錯的巧思

总之就是糊涂 提到...

菜鸟请问:
1.加入CSS
2.加入JS
这两批代码应该放在哪里?感谢!