每月封存: 九月 2007

解決當 Blogger 的 "隱藏全文/繼續閱讀" 功能因為點選較新或較舊的文章而失效的狀況

在 Blogger 加入 “隱藏全文/繼續閱讀” 的功能之後，會因為點選 Blogger 下方的 "較新" 或 "較舊" 的文章連結而導致功能失效!!

會失效原因是因為你在點 "較新" 或 "較舊" 的連結時，所要切換的內容會以 AJAX 的方式載入，而大家所寫的 “隱藏全文/繼續閱讀” 都是以 JavaScript 所寫的，當 AJAX 直接切換內容時，並沒有觸發到用 JavaScript 所寫的程式，所以，我們要做的就是讓 AJAX 的這個功能失效。

修改 Blogger 範本，點選 “展開小裝置範本”，找到下列原始碼，這些原始碼就是新舊文章的連結，將 “紅色” 的字串去掉，最後再存檔即可:

<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
</span>
</b:if>
<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>
</b:if>

理財試算 貸款計算機 *

原本只是要寫一個貸款的計算程式，結果看到了其它的計算公式，就順便寫一寫。版權沒有，想要就自行檢視網頁原始碼，拿去用。

本息平均攤還試算

本息平均攤還法是將本息一起平均在貸款期間償還，每期償還的本利和都一樣，比較方便理財，為最常用之貸款償還辦法。

繼續閱讀 →

將 Blogger 中的標籤改成標籤雲(Tag Cloud)

當 Blogger 中的文章一多，標籤也跟著變多，而 Blogger 的標籤元件就會變得落落長，不好看也不好搜尋。

這時候如果改成 “標籤雲” 就會是一個不錯的作法。在標籤雲中運用字體大小及顏色的變化，就可以很快的找你要的標籤。

修改步驟

  1. 編輯 Blogger 樣板，並 “展開小裝置範本”。
  2. 在 <Style> 區塊內加入: 
    #Label1 ul { font-family:Arial; padding:0px; text-align:justify; }
#Label1 li { display:inline; }
  3. 搜尋 </head>，在上一行加入: 
    <script>
function parseTag(){
  var tagA = document.getElementsByTagName('a');
  for(var i=0; i<tagA.length; i++){
    if(tagA[i].id == 'tag'){
      var tag = tagA[i];
      var width = tagA[i].title;
      tag.style.fontSize = 14 + parseInt(width/5);
      tag.style.color = 'rgb(0,0,' + width*5 + ')';
    }
  }
}
</script>

    其中的第 8 行可用來調整字體大小，第 9 行用來調整顏色變化。

  4. 繼續搜尋 <body>，在標籤內的 onload 事件加入: 
    parseTag();
  5. 繼續搜尋: 
    <li>
  <b:if cond='data:blog.url == data:label.url'>
    <data:label.name/>
  <b:else/>
    <a expr:href='data:label.url'><data:label.name/></a>
  </b:if>
  (<data:label.count/>)
</li>

    取代成:

    <li>
  <b:if cond='data:blog.url == data:label.url'>
    <a id="tag" expr:title='data:label.count' expr:href='data:label.url'><u><data:label.name/></u></a>
  <b:else/>
    <a id="tag" expr:title='data:label.count' expr:href='data:label.url'><data:label.name/></a>
  </b:if>
</li>
  6. 存檔完成。