blogger 所有文章列表

blogger 所有文章列表

   十一月 29, 2011       MGT@blogger

---

        blogger 好用就好用在自由度很大，爱怎么改就怎么改，但也因此变得麻烦，因为想要什么功能大部份都要自己来！还好网路高手云集，能想到的功能，大部份都已经有人开发了…

        ToC，Table of Contents，原版应该是Beautiful Beta 这里释出的，关于ToC 的原文在这。

        后来又有几种不同的修改版本，有的是做在侧边栏，或加一个可开合式的连结放在中间区块，但没有一种是我想要的啊，我想要直接就把文章列表列出来，少在那边给我开来开去的，多此一举XD所以我又很投机的把人家的js 给抓下来动了一些小手脚，然后传到google code 去…

        好的，不啰嗦，直接记录我的做法吧。

        我原先是参考Shiou's Notepad 所改良的版本，但主要就是不喜欢他的开合式做法，而且那些连结或列表抬头又全是英文，再加上要改的地方太多太细，哇呒尬意，所以我又偷吃步的把人家的js 给下载回来修改。 ( 原版 js 在此 )

        在js 里，我只修改了其中几个变数宣告，主要是想把列​​表抬头换成中文的。

     var tocHead1 = '文章标题';

     var tocTool1 = '以文章标题排序';

     var tocHead2 = '发表日期';

     var tocTool2 = '以发表日期排序';

     var tocHead3 = '分类标签';

        接着，因为我不想像的版本还要另外加css，所以我直接从tocTable 这个变数把class 拿掉，并手动加上table width，不啰嗦，直接订成100%… XDD

然后还顺便在抬头列和文章列之间加一条分隔线hr。

js 修改完之后，再来就是插入语法的部份。这里很简单，因为我想直接让列表列在中间区块，所以就开一篇新文章，用html 模式，把下面语法贴进去，一切就大功告成了。

<div id="toc" width="100%"></div> <!-- show 出列表的标签-->

<script style="text/javascript" src="http://danilee.googlecode.com/files/toc.js" ></script>

<!-​​- 修改过的js，传到google code 上后直接引用，以后就不必再改-->

<script src="http://maiamhere.blogspot.com/feeds/posts/default?alt=json-in-script&max-results=999&callback=loadtoc"></script > <!--这应该是抓文章的东西…我忘了是啥囧rz -->

<script language="javascript">sortPosts("datenewest");</script>

<!-​​-初始排序方式，我设成日期由新到旧-->

<script language="javascript">showToc();</script>

<!-​​- 呼叫 function，画出列表啦~~ -->

好了，真是简便又好用！感谢这些制作而且分享出js 的高手们m(_ _)m

结果发现还有一句英文没改到，Displaying all xxxx posts 这句，啊算了啦！看得懂就好啦！