解决当 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. 存盘完成。