showPostUpdateTime({"version":"1.0","encoding":"UTF-8","entry":{"xmlns":"http://www.w3.org/2005/Atom","xmlns$georss":"http://www.georss.org/georss","id":{"$t":"tag:blogger.com,1999:blog-2324868488031764711.post-4556382673377121362"},"published":{"$t":"2009-03-15T13:00:00.000+08:00"},"updated":{"$t":"2009-03-22T18:25:21.217+08:00"},"category":[{"scheme":"http://www.blogger.com/atom/ns#","term":"網事"}],"title":{"type":"text","$t":"▌我的 Blogger Hack 筆記"},"content":{"type":"html","$t":"\u003cp\u003e\u003cfont color\u003d\"#ff8040\"\u003e\u003cfont size\u003d\"6\"\u003e\u003cfont face\u003d\"Century Gothic\"\u003e\u003cfont color\u003d\"#d24400\"\u003e\u003cfont color\u003d\"#800000\"\u003e11\u003c/font\u003eBlogger\u003c/font\u003eHacks\u003c/font\u003e\u003c/font\u003e\u003c/font\u003e\u003c/p\u003e  \u003cp\u003e\u003cfont face\u003d\"Arial\" color\u003d\"#ff8040\" size\u003d\"6\"\u003e\u003c/font\u003e\u003c/p\u003e  \u003cp\u003e我是Blogger新手！搬來以後，擁有強烈個人風格版面一直是我持續努力的目標。我目前只用這些應用，基礎而重要。其實像最新回應、最新文章不是在一些BSP設定數字按下儲存就沒事了？在自由度百分百的Blogger打造小模組必須多花上幾倍的時間搜尋、閱讀、實驗，但真的很好玩！在經過無數教學的指導下，發現函式的神奇。這是\u003cstrong\u003e給自己的統整筆記\u003c/strong\u003e，也希望和大家分享。\u003c/p\u003e  \u003cp\u003e在此深深向寫出好用hack的前輩致謝\u0026lt;(_ _)\u0026gt; \u003c/p\u003e  \u003cp align\u003d\"right\"\u003e\u003cfont color\u003d\"#ff0080\"\u003e最後更新：2009.3.22\u003c/font\u003e\u003c/p\u003e  \u003cp\u003e--\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://lvchen716.googlepages.com/rc20\"\u003e\u003c/a\u003e\u003c/p\u003e  \u003cp\u003e1. 最新文章(含文章總數)：功能就像所有文章迷你列表 via\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://abintech.azhai.org/2008/01/blog-post.html\"\u003eAbin's Tech Note: 最新文章模組「終極版」\u003c/a\u003e\u0026#160;\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e因為九月底Blogger的feed修改了，必須更新函式否則會造成文章連到單篇comment feed的bug。\u003cfont color\u003d\"#ff0080\"\u003e2008.10.4\u003c/font\u003e\u003c/p\u003e \u003c/blockquote\u003e  \u003cp\u003e\u003ccode\u003evar title \u003d Post.title.$t;      \u003cbr /\u003e\u003cfont color\u003d\"#804040\"\u003e/*var link \u003d Post.link[0].href; 這行要刪掉，用下面四行取代*/        \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160; var j \u003d 0;         \u003cbr /\u003ewhile (j \u0026lt; Post.link.length \u0026amp;\u0026amp; Post.link[j].rel !\u003d \u0026quot;alternate\u0026quot;)         \u003cbr /\u003e\u0026#160; j++;         \u003cbr /\u003evar link \u003d Post.link[j].href;\u003c/font\u003e       \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160; var timestamp\u003dPost.published.$t.substr(0,10);\u003c/code\u003e\u003c/p\u003e \u003ca href\u003d\"http://www.scrnshots.com/users/sh0428/screenshots/119542\"\u003e\u003cimg src\u003d\"http://s3.amazonaws.com/scrnshots.com/screenshots/119542/2933706868_f91c5645c3jpg_large\" /\u003e\u003c/a\u003e \u0026lt;-這是效果！   \u003cp\u003e2.分類及封存之標題折疊模式 via\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://abintech.azhai.org/2007/03/simply-result-of-label-and-search.html\"\u003eAbin's Tech Note: 標籤/搜尋頁面只列出標題 (Simplify the result of label and search)\u003c/a\u003e\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e因覺得一般BSP文章分類列表，無法知道有多少留言當閱讀參考，所以嘗試微調，也請多支持我的分類文章^^ \u003cfont color\u003d\"#ff0080\"\u003e2008.9.13\u003c/font\u003e \u003c/p\u003e \u003c/blockquote\u003e  \u003cp\u003e\u003ccode\u003e\u0026lt;td width\u003d'40px'\u0026gt;      \u003cbr /\u003e\u0026lt;a expr:onclick\u003d'\u0026amp;quot;javascript:toggleIt (\\\u0026amp;quot;\u0026amp;quot; + data:post.id + \u0026amp;quot;\\\u0026amp;quot;);\u0026amp;quot;' href\u003d'javascript:void(0)' style\u003d'text-decoration:none' title\u003d'\u003cfont color\u003d\"#804040\"\u003e展開/ 收合精簡模式。看留言請點標題^^\u003c/font\u003e'\u0026gt;[+/-]\u0026lt;/a\u0026gt;       \u003cbr /\u003e\u0026lt;/td\u0026gt;       \u003cbr /\u003e\u0026lt;td\u0026gt;       \u003cbr /\u003e\u0026lt;h3 class\u003d'post-title'\u0026gt;\u0026lt;a expr:href\u003d'data:post.url'\u0026gt;\u0026lt;data:post.title/\u0026gt;\u0026lt;/a\u0026gt;\u003cfont color\u003d\"#804040\"\u003e - (\u0026lt;data:post.numComments/\u0026gt;)\u003c/font\u003e\u0026lt;/h3\u0026gt;       \u003cbr /\u003e\u0026lt;/td\u0026gt;\u003c/code\u003e\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://www.scrnshots.com/users/sh0428/screenshots/119538\"\u003e\u003cimg src\u003d\"http://s3.amazonaws.com/scrnshots.com/screenshots/119538/2932855883_9588084083jpg_large\" /\u003e\u003c/a\u003e \u0026lt;-這是效果！\u003c/p\u003e  \u003cp\u003e3. 一目了然最新回應 via\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://lvchen716.googlepages.com/rc20\"\u003eLVCHEN: 最新回應安裝程式v2.0\u003c/a\u003e\u0026#160;\u003c/p\u003e \u003ca href\u003d\"http://www.scrnshots.com/users/sh0428/screenshots/119534\"\u003e\u003cimg src\u003d\"http://s3.amazonaws.com/scrnshots.com/screenshots/119534/2932869191_124c5abe3djpg_large\" /\u003e\u003c/a\u003e   \u003cp\u003e\u003cfont color\u003d\"#0f0000\"\u003e4. 作者回應與讀者回應顏色區分 via\u003c/font\u003e\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://klcintw4.blogspot.com/2006/11/blog-post.html\"\u003e良人的大秘寶: [筆記]標示作者的回應\u003c/a\u003e\u003cfont color\u003d\"#0f0000\"\u003e\u003c/font\u003e\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e\u003cfont color\u003d\"#0f0000\"\u003e經實驗作者回應不會顯示時間/永久連結，所以我有再重複某幾句語法 \u003c/font\u003e\u003cfont color\u003d\"#ff0080\"\u003e2008.9.12\u003c/font\u003e \u003c/p\u003e \u003c/blockquote\u003e  \u003cp\u003e\u003ccode\u003e\u0026lt;p\u0026gt;\u0026lt;data:comment.body/\u0026gt;\u0026lt;/p\u0026gt; \u0026lt;/dd\u0026gt;      \u003cbr /\u003e\u003cfont color\u003d\"#804040\"\u003e\u0026lt;dd class\u003d'comment-footer'\u0026gt;\u0026#160; \u003cbr /\u003e\u0026#160;\u0026#160; \u0026lt;span class\u003d'comment-timestamp'\u0026gt;         \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;a expr:href\u003d'\u0026amp;quot;#comment-\u0026amp;quot; + data:comment.id' title\u003d'comment permalink'\u0026gt;         \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;data:comment.timestamp/\u0026gt;         \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;/a\u0026gt;         \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;b:include data\u003d'comment' name\u003d'commentDeleteIcon'/\u0026gt;         \u003cbr /\u003e\u0026#160;\u0026#160; \u0026lt;/span\u0026gt;\u0026#160; \u003cbr /\u003e\u0026lt;/dd\u0026gt; /*如法炮製作者也顯示留言footer時間*/\u003c/font\u003e       \u003cbr /\u003e\u0026lt;b:else/\u0026gt;\u0026#160;\u0026#160;\u0026#160; \u003c/code\u003e\u003c/p\u003e \u003ca href\u003d\"http://www.scrnshots.com/users/sh0428/screenshots/119514\"\u003e\u003cimg src\u003d\"http://s3.amazonaws.com/scrnshots.com/screenshots/119514/2933731350_07f7e41c41jpg_large\" /\u003e\u003c/a\u003e \u0026lt;-這是效果！   \u003cp\u003e\u003c/p\u003e  \u003cp\u003e5. 讓讀者看單篇文章載入速度更快！Plurk外掛等這些元件選擇性顯示 via\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://jinyaolin.blogspot.com/2006/12/blogger_30.html\"\u003e堯@部落格: 如何讓某些元件只在首頁/內頁顯示[BLOGGER]\u003c/a\u003e\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e但這一句我是打讓該元件\u003cstrong\u003e只有在首頁\u003c/strong\u003e顯示\u003c/p\u003e \u003c/blockquote\u003e  \u003cp\u003e\u003ccode\u003e\u0026lt;b:includable id\u003d'main'\u0026gt;      \u003cbr /\u003e\u003cfont color\u003d\"#804040\"\u003e\u0026lt;b:if cond\u003d'data:blog.url \u003d\u003d data:blog.homepageUrl'\u0026gt;\u003c/font\u003e       \u003cbr /\u003e...       \u003cbr /\u003e\u0026lt;/b:if\u0026gt;       \u003cbr /\u003e\u0026lt;/b:includable\u0026gt;\u003c/code\u003e\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e讓單篇文章頁面，標題在前、部落格名稱在後，這是我的改造：\u003c/p\u003e ▌我的 blogger hack 筆記 (True Colours)     \u003cbr /\u003eSeptember 2008 (True Colours)\u003c/blockquote\u003e  \u003cp\u003e\u003ccode\u003e\u0026lt;b:else/\u0026gt;      \u003cbr /\u003e\u003cfont color\u003d\"#ddbbbb\"\u003e\u003cfont color\u003d\"#804040\"\u003e\u0026lt;title\u0026gt;\u0026lt;data:blog.pageName/\u0026gt;\u0026#160; (\u0026lt;data:blog.title/\u0026gt;)\u0026lt;/title\u0026gt;\u003c/font\u003e         \u003cbr /\u003e\u003c/font\u003e\u0026lt;/b:if\u0026gt;\u003c/code\u003e\u0026#160;\u003c/p\u003e  \u003cp\u003e6. 讓讀者看單篇文章還能多看一點（把舊文拿出來曬XD）via\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://abintech.azhai.org/2007/03/related-post.html\"\u003eAbin's Tech Note: 加入相關文章功能 (Related Post)\u003c/a\u003e\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e這是我一直搞不定的hack，發生了Category顯示好幾次的跳針情況（OS: 我就是要找出原因(／‵皿′)／~ ╧╧）終於找出自己多了一段，導致呼叫重複的動作......\u003cfont color\u003d\"#ff0080\"\u003e2008.9.13 \u003c/font\u003e\u003c/p\u003e \u003c/blockquote\u003e  \u003cp\u003e\u003ccode\u003e\u003cfont color\u003d\"#804040\"\u003e\u0026lt;b:if cond\u003d'data:post.labels'\u0026gt;        \u003cbr /\u003e\u0026lt;data:postLabelsLabel/\u0026gt;         \u003cbr /\u003e\u0026lt;b:loop values\u003d'data:post.labels' var\u003d'label'\u0026gt;         \u003cbr /\u003e\u0026lt;a expr:href\u003d'data:label.url' rel\u003d'tag'\u0026gt;\u0026lt;data:label.name/\u0026gt;\u0026lt;/a\u0026gt;\u0026lt;b:if cond\u003d'data:label.isLast !\u003d \u0026quot;true\u0026quot;'\u0026gt;,\u0026lt;/b:if\u0026gt;\u003c/font\u003e       \u003cbr /\u003e\u0026lt;b:if cond\u003d'data:post.labels'\u0026gt;       \u003cbr /\u003e\u0026lt;data:postLabelsLabel/\u0026gt;       \u003cbr /\u003e\u0026lt;b:loop values\u003d'data:post.labels' var\u003d'label'\u0026gt;       \u003cbr /\u003e\u0026lt;a expr:href\u003d'data:label.url' rel\u003d'tag'\u0026gt;\u0026lt;data:label.name/\u0026gt;\u0026lt;/a\u0026gt;\u0026lt;b:if cond\u003d'data:label.isLast !\u003d \u0026quot;true\u0026quot;'\u0026gt;,\u0026lt;/b:if\u0026gt;       \u003cbr /\u003e\u0026lt;!-- Fixed for Related Posts --\u0026gt;       \u003cbr /\u003e\u0026lt;b:if cond\u003d'data:blog.pageType \u003d\u003d \u0026quot;item\u0026quot;'\u0026gt;       \u003cbr /\u003e\u0026lt;script expr:src\u003d'\u0026quot;/feeds/posts/default/-/\u0026quot; + data:label.name + \u0026quot;?alt\u003djson-in-script\u0026amp;amp;callback\u003dRelatedLabels\u0026amp;amp;max-results\u003d10\u0026quot;' type\u003d'text/javascript'/\u0026gt;       \u003cbr /\u003e\u0026lt;/b:if\u0026gt;       \u003cbr /\u003e\u0026lt;/b:loop\u0026gt;       \u003cbr /\u003e\u0026lt;/b:if\u0026gt;       \u003cbr /\u003e\u003cfont color\u003d\"#804040\"\u003e\u0026lt;/b:loop\u0026gt;        \u003cbr /\u003e\u0026lt;/b:if\u0026gt; /*標色區是多餘的，因我誤解意思把abin第二第三的程式區組在一起*/\u003c/font\u003e\u003c/code\u003e\u003c/p\u003e  \u003cp\u003e\u003cfont color\u003d\"#ff0080\"\u003e\u003c/font\u003e\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://www.scrnshots.com/users/sh0428/screenshots/119530\"\u003e\u003cimg src\u003d\"http://s3.amazonaws.com/scrnshots.com/screenshots/119530/2933743262_42e2ce4fe8jpg_large\" /\u003e\u003c/a\u003e \u0026lt;-這是效果！\u003c/p\u003e  \u003cp\u003e7. 寫作月曆兼好查好用萬年曆 via\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://lvchen.blogspot.com/2008/07/blog-post_08.html\"\u003eLVCHEN: 嘗試一個新的外掛－日曆文章列表\u003c/a\u003e\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e其實月曆並不太必要，安裝這個考慮了蠻久。但安裝再改完CSS以後，覺得為自己作一個回憶舊作的途徑也很好^^，月份和年份輸入欄位就像任意門一樣。而且比其他BSP的日曆感覺還精美又好用哦感謝！(這不是網頁安裝版)以下是我改的CSS：\u003cfont color\u003d\"#ff0080\"\u003e2008.10.4 \u003c/font\u003e\u003c/p\u003e \u003c/blockquote\u003e  \u003cp\u003e\u003ccode\u003e\u0026lt;style\u0026gt; /*在小工具欄位貼上hack後，就直接加上*/      \u003cbr /\u003e#blogCalendar {       \u003cbr /\u003emargin-left:0px;       \u003cbr /\u003edisplay:block;       \u003cbr /\u003etext-algin:center;       \u003cbr /\u003eborder:1px dotted #ccc;       \u003cbr /\u003e}       \u003cbr /\u003e#CalendarCaption a {       \u003cbr /\u003etext-decoration:none;       \u003cbr /\u003e}       \u003cbr /\u003e#CalendarCaption{       \u003cbr /\u003eborder-bottom:1px solid #ccc;       \u003cbr /\u003e}       \u003cbr /\u003e#CalendarTable a{       \u003cbr /\u003efont-weight:bold;       \u003cbr /\u003ecolor: #5D8ACB; /*有寫文章的日期數字變淺藍色*/       \u003cbr /\u003e}       \u003cbr /\u003e.Today{       \u003cbr /\u003ebackground: #eee; /*今日的背景是淺灰色*/       \u003cbr /\u003e}       \u003cbr /\u003e#CalendarFooter{       \u003cbr /\u003epadding-left:15px;       \u003cbr /\u003e}       \u003cbr /\u003e.yearInput{       \u003cbr /\u003ebackground:yellow; /*按了年份後，輸入欄位背景是亮黃色*/       \u003cbr /\u003e}       \u003cbr /\u003e#monthTable{       \u003cbr /\u003ebackground:#000; /*按了月份後，選擇欄位背景是黑色*/       \u003cbr /\u003e} \u0026lt;/style\u0026gt;\u003c/code\u003e\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://www.scrnshots.com/users/sh0428/screenshots/119526\"\u003e\u003cimg src\u003d\"http://s3.amazonaws.com/scrnshots.com/screenshots/119526/2932844975_f59ebb6f1cjpg_large\" /\u003e\u003c/a\u003e\u003c/p\u003e  \u003cp\u003e8. 單篇文章之年月份資訊列 via\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://abintech.azhai.org/2007/07/year-month-breadcrumbs.html\"\u003eAbin's Tech Note: 以年月份做分類的導覽連結列 (Year \u0026amp; Month Breadcrumbs)\u003c/a\u003e\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e但我卻喜歡把他放在文章「頁尾」而非導覽，所以擺放位置在Subscribe to黑灰雙色區塊的後面 \u003cfont color\u003d\"#ff0080\"\u003e2008.10.4\u003c/font\u003e\u003c/p\u003e \u003c/blockquote\u003e  \u003cp\u003e\u003ccode\u003e\u0026#160; \u003cfont color\u003d\"#804040\"\u003e\u003cfont color\u003d\"#000000\"\u003e\u0026lt;div class\u003d'feed-links'\u0026gt;          \u003cbr /\u003e\u0026#160; Subscribe to \u0026amp;gt;\u0026amp;gt;           \u003cbr /\u003e\u0026#160; \u0026lt;b:loop values\u003d'data:links' var\u003d'f'\u0026gt;           \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;a class\u003d'feed-link' expr:href\u003d'data:f.url' expr:type\u003d'data:f.mimeType' target\u003d'_blank'\u0026gt;\u0026lt;data:f.name/\u0026gt; (\u0026lt;data:f.feedType/\u0026gt;)\u0026lt;/a\u0026gt;           \u003cbr /\u003e\u0026#160; \u0026lt;/b:loop\u0026gt;           \u003cbr /\u003e\u0026#160; \u0026lt;/div\u0026gt;\u003c/font\u003e /*到這裡是 Subscribe to \u0026gt;\u0026gt; Post (Atom) 區塊*/\u003c/font\u003e       \u003cbr /\u003e\u003cfont color\u003d\"#804040\"\u003e\u0026lt;!-- Year \u0026amp; Month Breadcrumbs --\u0026gt;        \u003cbr /\u003e\u0026#160; \u0026lt;b:if cond\u003d'data:blog.pageType \u003d\u003d \u0026amp;quot;item\u0026amp;quot;'\u0026gt;         \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160; \u0026lt;p class\u003d'breadcrumbs'\u0026gt;         \u003cbr /\u003e\u0026lt;a expr:href\u003d'data:blog.homepageUrl' rel\u003d'tag'\u0026gt;Home\u0026lt;/a\u0026gt;         \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;script type\u003d'text/javascript'\u0026gt;         \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; generateBreadcrumbs();         \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;/script\u0026gt;         \u003cbr /\u003e\u0026lt;b:if cond\u003d'data:post.title'\u0026gt;         \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026amp;gt; \u0026lt;data:post.title/\u0026gt;         \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;/b:if\u0026gt;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160; \u0026lt;/p\u0026gt;         \u003cbr /\u003e\u0026#160; \u0026lt;/b:if\u0026gt;         \u003cbr /\u003e\u0026lt;!-- End of Breadcrumbs Hack –\u0026gt;\u003c/font\u003e\u003c/code\u003e\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://www.scrnshots.com/users/sh0428/screenshots/119522\"\u003e\u003cimg src\u003d\"http://s3.amazonaws.com/scrnshots.com/screenshots/119522/2932906161_99a2419b7ejpg_large\" /\u003e\u003c/a\u003e \u0026lt;-這是效果！\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e發現 Abin 的月份連結是用\u003cstrong\u003e /search?updated- \u003c/strong\u003e去做的。我又手癢自己改造，把月分連結改成例如 xxx.blogspot.com/\u003cstrong\u003e2008_09_01_archive.html\u003c/strong\u003e，因為我喜歡月份封存標題是September 2008，回應區下的黑色區塊兩邊各是 October 2008和August 2008的畫面。（超龜毛XD）\u003cfont color\u003d\"#ff0080\"\u003e2008.10.4\u003c/font\u003e\u003c/p\u003e \u003c/blockquote\u003e  \u003cp\u003e\u003ccode\u003e\u0026lt;script type\u003d'text/javascript'\u0026gt;      \u003cbr /\u003e//\u0026lt;![CDATA[       \u003cbr /\u003e\u0026lt;!-- Functions used for generating Year \u0026amp; Month Breadcrumbs: generateBreadcrumbs() --\u0026gt;       \u003cbr /\u003efunction generateBreadcrumbs() {       \u003cbr /\u003e\u0026#160; var strHref \u003d location.href.toLowerCase();       \u003cbr /\u003e\u0026#160; var intWhereAt \u003d strHref.lastIndexOf('/', strHref.indexOf('.html'));       \u003cbr /\u003e\u0026#160; var intYear \u003d parseInt(strHref.substr(intWhereAt - 7, 4),10);       \u003cbr /\u003e\u0026#160; var strCrumbOutput \u003d ' \u0026amp;gt; Year: \u0026lt;a href\u003d\u0026quot;/search?updated-min\u003d' + intYear;       \u003cbr /\u003e\u0026#160; strCrumbOutput +\u003d '-01-01T00%3A00%3A00-08%3A00\u0026amp;updated-max\u003d' + (intYear + 1);       \u003cbr /\u003e\u0026#160; strCrumbOutput +\u003d '-01-01T00%3A00%3A00-08%3A00\u0026quot;\u0026gt;' + intYear + '\u0026lt;/a\u0026gt;';       \u003cbr /\u003e\u0026#160; var intMonth \u003d parseInt(strHref.substr(intWhereAt - 2, 2),10);       \u003cbr /\u003e\u0026#160; var intNextMonthYear \u003d intYear;       \u003cbr /\u003e\u0026#160; var intNextMonth \u003d intMonth + 1;       \u003cbr /\u003e\u0026#160; if (intNextMonth \u0026gt; 11) {       \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160; intNextMonth \u003d 1;       \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160; intNextMonthYear +\u003d 1;       \u003cbr /\u003e\u0026#160; }       \u003cbr /\u003e\u0026#160; var strMonth \u003d intMonth;       \u003cbr /\u003e\u0026#160; if (intMonth \u0026lt; 10) strMonth \u003d \u0026quot;0\u0026quot; + intMonth;       \u003cbr /\u003e\u0026#160; var strNextMonth \u003d intNextMonth;       \u003cbr /\u003e\u0026#160; if (intNextMonth \u0026lt; 10) strNextMonth \u003d \u0026quot;0\u0026quot; + intNextMonth;       \u003cbr /\u003e\u0026#160; strCrumbOutput +\u003d ' \u0026amp;gt; Month: \u003cfont color\u003d\"#804040\"\u003e\u0026lt;a href\u003d\u0026quot;/' + intYear;        \u003cbr /\u003e\u0026#160; strCrumbOutput +\u003d '_' + strMonth + '_01_archive.html\u0026quot;\u0026gt;\u003c/font\u003e' + strMonth + '\u0026lt;/a\u0026gt;';       \u003cbr /\u003e\u0026#160; document.write(strCrumbOutput);       \u003cbr /\u003e}       \u003cbr /\u003e//]]\u0026gt;       \u003cbr /\u003e\u0026lt;/script\u0026gt;\u003c/code\u003e\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://www.scrnshots.com/users/sh0428/screenshots/119518\"\u003e\u003cimg height\u003d\"173\" src\u003d\"http://s3.amazonaws.com/scrnshots.com/screenshots/119518/2933760766_1d2afd4c35jpg_large\" width\u003d\"470\" /\u003e\u003c/a\u003e\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e研究好久後發現，如果某文章有更改年月，導覽列還是以首發年月為準。為甚麼呢？函式如何知道單篇文章在哪天寫的？原來不是由標題之上的日期判斷，而是依照發文那刻Blogger產生的網址上。注意到這點的我更愛去思考，和靈光一閃的成就感（累XD）\u003cfont color\u003d\"#ff0080\"\u003e2008.10.10\u003c/font\u003e\u003c/p\u003e \u003c/blockquote\u003e  \u003cp\u003e9. 顯示第幾樓的回應？ via\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://abintech.azhai.org/2009/03/show-comment-index.html\"\u003eAbin's Tech Note: 增加文章留言回應的編號 (Show Comment Index)\u003c/a\u003e\u0026#160;\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e每次實驗都沒有一次成功的XD，按照Abin擺放的位址測試，發現我家計數不正常，或者只算回應者是「格主本人」的留言，我在想\u003cstrong\u003e可能\u003c/strong\u003e是與「作者回應與讀者回應顏色區分」的hack（\u0026lt;b:if cond\u003d'data:comment.author \u003d\u003d data:post.author'\u0026gt;）衝突了，於是決定擺在留言者的部份。\u003cfont color\u003d\"#ff0080\"\u003e2009.3.15\u003c/font\u003e\u003c/p\u003e \u003c/blockquote\u003e  \u003cp\u003e\u003c/p\u003e  \u003cp\u003e\u003ccode\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;dt class\u003d'comment-author' expr:id\u003d'\u0026amp;quot;comment-\u0026amp;quot; + data:comment.id'\u0026gt;      \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;a expr:name\u003d'\u0026amp;quot;comment-\u0026amp;quot; + data:comment.id'/\u0026gt;\u003cfont color\u003d\"#804040\"\u003e\u0026lt;!-- Fixed for display comment index --\u0026gt;        \u003cbr /\u003e#         \u003cbr /\u003e\u0026#160;\u0026#160; \u0026lt;script type\u003d'text/javascript'\u0026gt;         \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160; ShowCommentIndex(\u0026amp;#39;\u0026lt;data:post.id/\u0026gt;\u0026amp;#39;);         \u003cbr /\u003e\u0026#160;\u0026#160; \u0026lt;/script\u0026gt;\u003c/font\u003e | \u0026amp;#9829;       \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;b:if cond\u003d'data:comment.authorUrl'\u0026gt;       \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;a expr:href\u003d'data:comment.authorUrl' rel\u003d'nofollow'\u0026gt;\u0026lt;data:comment.author/\u0026gt;\u0026lt;/a\u0026gt;       \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;b:else/\u0026gt;       \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;data:comment.author/\u0026gt;       \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;/b:if\u0026gt;       \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; 想說...\u0026#160; \u003cbr /\u003e\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160;\u0026#160; \u0026lt;/dt\u0026gt; \u003c/code\u003e\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://www.scrnshots.com/users/sh0428/screenshots/136435\"\u003e\u003cimg src\u003d\"http://s3.amazonaws.com/scrnshots.com/screenshots/136435/tmppng\" /\u003e\u003c/a\u003e \u0026lt;-這是效果！\u003c/p\u003e  \u003cp\u003e10. 加入推薦及書籤按鈕（單篇文章內顯示）via\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://colaccl.blogspot.com/2009/03/blog.html\"\u003eBLOG 加入共享書籤按鈕 | 張可樂 - killing me now with ur pudding.\u003c/a\u003e\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e裝這外掛時很順利，真的很精美噢感謝^_^\u003cfont color\u003d\"#ff0080\"\u003e2009.3.22\u003c/font\u003e\u003c/p\u003e \u003c/blockquote\u003e \u003ca href\u003d\"http://www.scrnshots.com/users/sh0428/screenshots/139912\"\u003e\u003cimg src\u003d\"http://s3.amazonaws.com/scrnshots.com/screenshots/139912/tmppng\" /\u003e\u003c/a\u003e   \u003cp\u003e11. 最後更新時間（單篇文章內顯示）via\u003c/p\u003e  \u003cp\u003e\u003ca href\u003d\"http://abintech.azhai.org/2009/03/show-post-update-time.html\"\u003eAbin's Tech Note: 增加文章更新時間 (Show Post Update Time)\u003c/a\u003e\u003c/p\u003e  \u003cblockquote\u003e   \u003cp\u003e所謂日期，對習慣網路書寫、整理想法資訊已久的我意義非凡，而我也經常回顧心血舊文多次更動修改，所以加上這hack。\u003cfont color\u003d\"#ff0080\"\u003e2009.3.22\u003c/font\u003e\u003c/p\u003e \u003c/blockquote\u003e \u003ca href\u003d\"http://www.scrnshots.com/users/sh0428/screenshots/139949\"\u003e\u003cimg src\u003d\"http://s3.amazonaws.com/scrnshots.com/screenshots/139949/tmppng\" /\u003e\u003c/a\u003e \u0026lt;-這是效果！  \u003cp\u003e\u0026#160;\u003c/p\u003e  \u003cp\u003e-不定期更新-\u003c/p\u003e  \u003cp\u003e【同場介紹】\u003ca href\u003d\"http://www.ajaxload.info/\"\u003eAjaxload - Ajax loading gif generator\u003c/a\u003e，分享我以前就作好的兩個小花等待圖：\u003c/p\u003e  \u003cp\u003e1. \u003cimg src\u003d\"http://lh5.ggpht.com/sh0428/SLRmmrYeTfI/AAAAAAAADMk/hZ9iMiWmKOM/s144/ajax-loader.png\" /\u003e 2. \u003cimg src\u003d\"http://lh6.ggpht.com/sh0428/SLKcOywE9nI/AAAAAAAADL8/zxzKNnBKh6Y/s144/8.png\" /\u003e \u003c/p\u003e  \u003cp\u003e\u003c/p\u003e  \u003cdiv class\u003d\"wlWriterSmartContent\" id\u003d\"scid:0767317B-992E-4b12-91E0-4F059A8CECA8:616e2091-891b-43c7-9918-88e697e829e0\" style\u003d\"padding-right: 0px; display: inline; padding-left: 0px; float: none; padding-bottom: 0px; margin: 0px; padding-top: 0px\"\u003e   \u003cp\u003e\u003cfont style\u003d\"font-size: 9pt\" face\u003d\"Verdana\"\u003e// Technorati 標籤：\u003ca href\u003d\"http://technorati.com/tags/blogger%20hack\" rel\u003d\"tag\"\u003eblogger hack\u003c/a\u003e\u003c/font\u003e\u003c/p\u003e    \u003cp\u003e\u003c/p\u003e \u003c/div\u003e  \u003cdiv class\u003d\"blogger-post-footer\"\u003e\u003cimg width\u003d'1' height\u003d'1' src\u003d'https://blogger.googleusercontent.com/tracker/2324868488031764711-4556382673377121362?l\u003dhuijung.blogspot.com' alt\u003d'' /\u003e\u003c/div\u003e"},"link":[{"rel":"replies","type":"application/atom+xml","href":"http://huijung.blogspot.com/feeds/4556382673377121362/comments/default","title":"Post Comments"},{"rel":"replies","type":"text/html","href":"https://www.blogger.com/comment.g?blogID\u003d2324868488031764711\u0026postID\u003d4556382673377121362\u0026isPopup\u003dtrue","title":"33 Comments"},{"rel":"edit","type":"application/atom+xml","href":"http://www.blogger.com/feeds/2324868488031764711/posts/default/4556382673377121362"},{"rel":"self","type":"application/atom+xml","href":"http://www.blogger.com/feeds/2324868488031764711/posts/default/4556382673377121362"},{"rel":"alternate","type":"text/html","href":"http://huijung.blogspot.com/2008/08/blogger-hack.html","title":"▌我的 Blogger Hack 筆記"}],"author":[{"name":{"$t":"huijung"},"uri":{"$t":"http://www.blogger.com/profile/08003044374898810467"},"email":{"$t":"noreply@blogger.com"},"gd$extendedProperty":{"xmlns$gd":"http://schemas.google.com/g/2005","name":"OpenSocialUserId","value":"16649746716456652228"}}],"media$thumbnail":{"xmlns$media":"http://search.yahoo.com/mrss/","url":"http://lh5.ggpht.com/sh0428/SLRmmrYeTfI/AAAAAAAADMk/hZ9iMiWmKOM/s72-c/ajax-loader.png","height":"72","width":"72"},"thr$total":{"xmlns$thr":"http://purl.org/syndication/thread/1.0","$t":"33"}}});