最新留言 (Sidebar, 留言欄)

Sidebar
<style>
    #RecentComments p { font-size:1em; }
    #RecentComments a.s { font-size:0.8em; }
</style>
<script type="text/javascript">
    function recentcomments(json) {
        var d = document.getElementById('RecentComments');
        var author, content, url;
        for (var i = 0, l = json.feed.entry.length; i < l; i++) {
            author = (json.feed.entry[i].author[0].name.$t == 'Anonymous') ? '你是誰' : json.feed.entry[i].author[0].name.$t;
            url = json.feed.entry[i].link[2].href;
            content = (json.feed.entry[i].title.$t.length > 14) ? json.feed.entry[i].title.$t.substring(0, 14) + '<a class="s" href="' + url + '">(略)</a>' : json.feed.entry[i].title.$t;
            var r = document.createElement('p');
            r.innerHTML = '<a href="' + url + '">' + author + '</a> 說: <br />' + content;
            d.appendChild(r);
        }
    }
</script>
<div id="RecentComments"></div>
<script src="/feeds/comments/default?max-results=5&alt=json-in-script&callback=recentcomments"></script>
留言欄
//方法1 (判斷nodeType等於TEXT_NODE)
var ca=document.getElementsByClassName('comment-author');
for(var i=0;i<ca.length;i++)
{
    for(var j=0;j<ca[i].childNodes.length;j++)
        if((ca[i].childNodes[j].nodeType ==3) && (ca[i].childNodes[j].nodeValue.indexOf('匿名') != -1))
            ca[i].childNodes[j].nodeValue=ca[i].childNodes[j].nodeValue.replace('匿名','不知道是誰');
}
//方法2 (使用textContent屬性，IE不支援)
var ca=document.getElementsByClassName('comment-author');
for(var i=0;i<ca.length;i++)
    if(ca[i].textContent.indexOf('匿名') != -1)
        ca[i].textContent=ca[i].textContent.replace('匿名','不知道是誰');

---

JSON Feeds - Beautiful Beta
Blogger Feed 大全 « Centrifuge
Abin's Tech Note: 「最新回應」模組 (Recent Comments)
XML DOM - Node Types

文章超連結出現<、> (HTML Special Characters)

如果超連結出現<、>，在發佈文章時會出現錯誤
依照下列步驟，即可解決!!

1. 切換至『撰寫』模式
2. 選取超連結，點選『連結』功能，貼上網址

或是使用HTML Encoder

---

HTML 4.0 Special Entities

Blogger 文章、回覆總數

<script>
function totalArticles(json) {
    var tA = document.createElement('p');
    tA.appendChild(document.createTextNode('文章總數 : ' + json.feed.openSearch$totalResults.$t));
    document.getElementById('HTML1').appendChild(tA);
}

function totalComments(json) {
    var tC = document.createElement('p');
    tC.appendChild(document.createTextNode('回覆總數 : ' + json.feed.openSearch$totalResults.$t));
    document.getElementById('HTML1').appendChild(tC);
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&callback=totalArticles&&max-results=0" type="text/javascript"/></script>
<script src="/feeds/comments/default?alt=json-in-script&callback=totalComments&&max-results=0" type="text/javascript"/></script>

---

計算 Blog 的文章總數和回應總數
版面 Script更新‧Ⅴ
JSON Feeds