Blogger專用最新文章與最新回應產生器

8月 11, 2007 Blogger 19 Comments Edit Copy Download

最新文章程式產生器最新回應程式產生器

最新文章程式產生器

顯示標題		通常輸入你自己的部落格名稱，例如:堯的最新文章。新版的Blogger樣板中標題有另外的欄位，此處可省略。
Blogger網址	http://.blogspot.com	必填！舊版的Blogger無效喔。
顯示篇數		要顯示最新文章數目
標題長度限制		如果是空白，表示不限制
顯示方式	%Y%-%M%-%D% %authorname%<br />%title%	%title%(標題)、%Y%(西元年份)、%M%(月份)、%D%(日期)、%authorname%(作者名稱)，可視需要改變排列或是刪掉參數，或加入HTML語法
標籤		可限制只顯示特定標籤的最新文章，空白表示顯示所有標籤的最新文章。。

<div id="newposts###BLOGNAMECUT###">
    <h2>Loading...</h2>
</div>

}

function handlePosts###BLOGNAMECUT###(json) {

var title = '<h2>###TITLE###</h2>';
 if (title == '<h2></h2>')
   title = '';
 var temp = title + '<ul id="Feed001_feedItemListDisplay">';
    var postshow=###POSTS###;
 var titlelen = '###TITLELEN###';
 var layout = "###LAYOUT###";
    var sortentry=json.feed.entry.sort(compareentry);
    for (var i=0, post; post = sortentry[i]; i++) {
        if(i>=postshow) break;
        var title=post.title.$t;
  if (titlelen != "" && title.length > titlelen)
    title = title.substr(0, titlelen) + "...";
        var link=post.link[2].href;
  var title_link = '<a href="'+link+'">'+ title +'</a>';
        var authorname=post.author[0].name.$t;
        var timestamp=post.published.$t.substr(0,10);
    var y = timestamp.substr(0, 4);
    var m = timestamp.substr(5, 2);
    var d = timestamp.substr(8, 2);
    
  var layout_replace = layout.replace("%title%",title_link).replace("%Y%",y).replace("%M%",m).replace("%D%",d).replace("%authorname%",authorname);
  
        temp += '<li><span class="item-title">'+layout_replace+'</span></li>';
      }
temp+="</ul>";
document.getElementById("newposts###BLOGNAMECUT###").innerHTML = temp;
}
</script>

聯播程式碼： (程式碼擺設的位置)

最新回應程式產生器

Blogger網址	http://.blogspot.com	必填！請填入網址。
顯示篇數		要顯示最新回應數目
留言長度限制		如果是空白，表示不限制
顯示方式	%Y%-%M%-%D% %authorname%<br />%comment%	%comment%(留言)、%Y%(西元年份)、%M%(月份)、%D%(日期)、%authorname%(作者名稱)，可視需要改變排列或是刪掉參數，或加入HTML語法
網站提供 (Feeds Type)		要搭配自己部落格的設定(位置圖)，預設是Full(完整)。

<div id="newcomments###BLOGNAMECUT###">
    <h2>Loading...</h2>
</div>

}
function handleComments###BLOGNAMECUT###(json) {

var temp = '<ul id="Feed###BLOGNAMECUT###_feedItemListDisplay">';
    var postshow= ###POSTS### ;
 var titlelen = '###TITLELEN###';
 var layout = "###LAYOUT###";
    var sortentry=json.feed.entry.sort(compareentry);
    for (var i=0, post; post = sortentry[i]; i++) {
        if(i>=postshow) break;
        var title=post.content.$t;
  if (titlelen != "" && title.length > titlelen)
    title = title.substr(0, titlelen) + "...";
  var link=post.link[2].href;
  var title_link = '<a href="'+link+'">'+ title +'</a>';
        var authorname=post.author[0].name.$t;
        var timestamp=post.published.$t.substr(0,10);
    var y = timestamp.substr(0, 4);
    var m = timestamp.substr(5, 2);
    var d = timestamp.substr(8, 2);
  
  var layout_replace = layout.replace("%comment%",title_link).replace("%Y%",y).replace("%M%",m).replace("%D%",d).replace("%authorname%",authorname);
  
        temp += '<li><span class="item-title">'+layout_replace+'</span></li>';
      }
temp+="</ul>";
document.getElementById("newcomments###BLOGNAMECUT###").innerHTML = temp;
}
</script>

聯播程式碼： (程式碼擺設的位置)

本程式的來源是從堯@部落格來的，各別是Blogger聯播程式產生器(PartII)與Blogger最新回應程式產生器(5/27更新)，實作的效果如右方的最新文章與最新回應。之前我自己也研究過最新回應的作法，但是並不是很理想，看到作者堯能實作出這功能，讓我也興奮了起來。

但是原作的程式碼在畫面上還是有點無法盡善盡美，於是我在原本的產生器上加入了可以自訂顯示的功能，讓使用者可以自己決定字數長短與排列順序，並提供預覽。

如果Blogger的同好喜歡這個功能的話，別忘了到作者的Blog給他鼓勵一下喔！

修正記事

2008/11/27 修正連結的錯誤。
2007/8/26 修正預覽與最新回應的錯誤。

總共19 則留言 ( 我要發問 , 隱藏留言 顯示留言 )

valueinvestor2007年12月27日上午11:10
感謝您的分享，十分好用。我設定的顯示篇數為999，但實際只顯示才約20篇左右。如何才能顯示很多的篇數呢？謝謝您的協助。
回覆刪除
回覆
布丁布丁吃布丁2007年12月30日晚上8:41
真的是耶 OAO
那我也不知道該怎麼辦了(倒
回覆刪除
回覆
大蛔蛔2008年4月13日凌晨1:25
我的部落格是「限制讀者」的方式，不是開放所有人都能閱講的方式，這樣不知要如何改變設定才能看到最新回應？
謝謝
回覆刪除
回覆
布丁布丁吃布丁2008年4月13日晚上8:40
糟糕，我也不會orz
回覆刪除
回覆
布丁布丁吃布丁2008年5月27日晚上9:01
發現到網址裡面有「-」的人，程式可能會自己改成「_」，請手動修正吧！
但是來源的script的網址應該要把「-」改成「_」才能夠顯示
回覆刪除
回覆
匿名2008年11月27日凌晨1:21
感謝大大的分享~這個很符合我的需求呢~說明也很完整~^^
回覆刪除
回覆
布丁布丁吃布丁2008年11月27日凌晨1:48
不客氣！
回覆刪除
回覆
匿名2008年11月27日下午2:07
突然發現問題~我想讓最新文章與最新回應連結，直接連到該頁面，這樣口以嗎?...PS:用Firefox點會跑出下載視窗內~
回覆刪除
回覆
布丁布丁吃布丁2008年11月28日上午10:26
已經修正
回覆刪除
回覆
匿名2008年11月28日中午12:32
@o@，大大~經我test之後，還速沒有阿~冏
PS:我是用回應的部份~請大人明鑑!
回覆刪除
回覆
布丁布丁吃布丁2008年11月28日下午2:19
好了，調整一下link的指標，指到要得連結即可
回覆刪除
回覆
valueinvestor2009年1月13日上午11:48
為何這裡的preview的連結是正確的(如第一篇http://valueguide.blogspot.com/2050/01/blog-post.html)但程式碼放到blogger後卻變成http://www.blogger.com/feeds/11929163/posts/default/8164504925385357231?v=2
請問是什麼步驟出問題？請大大指點迷津.
回覆刪除
回覆
valueinvestor2009年1月13日中午12:37
找到問題了, 我把 var link = Post.link[2].href; 改為 var link = Post.link[4].href; 就好了. 不過我不知道為甚麼會如此. 最新回應的問題與解決方法相同, 但數字不同改為 var link = Post.link[2].href; 即可
回覆刪除
回覆
ruby2009年1月22日上午11:41
我語法貼上去是ok了,但是我要點最新文章中其中一篇,沒辦法連結耶~請問要怎麼辦哩?
回覆刪除
回覆
ruby2009年1月22日下午5:11
我也是改成 var link = Post.link[4].href就好哩~
回覆刪除
回覆
布丁布丁吃布丁2009年1月22日下午5:15
嗯……可能json有改吧？
回覆刪除
回覆
產業與市場2019年4月19日上午11:48
請問一下，我想要把這個blog的文章"https://hidas-testing1.weebly.com/market-info"，
拉到他的首頁"https://hidas-testing1.weebly.com/"
做成一個像最新消息，應該要怎麼做？謝謝！

回覆刪除
回覆
布丁布丁吃布丁2021年9月27日下午6:20
To MCTG,

這篇文章很舊了，應該不能相容現在的Blogger範本。而且Blogger範本也改變很多，不能一概而論。

如果你要用這種工具的話，建議從「版面配置」的「新增小工具」裡面來找找。

目前可能相關的有：
- 熱門文章
- 動態消息 (搭配Blogger的RSS就能列出最新文章的清單)

我的做法是不使用Blogger的範本，而是使用自己另外客製化的範本，才能作出這篇文章的效果。
如果你需要客製化，又缺乏技術的話，我建議可以尋求專家的服務，例如WFU BLOG的BLOGGER 架設網站(含行動版) 客製化作業流程 SOP
https://www.wfublog.com/2016/01/blogger-customize-procedure.html
回覆刪除
回覆

Comment Tools:

布丁布丁吃什麼？

Blogger專用最新文章與最新回應產生器

8月 11, 2007 Blogger 19 Comments Edit Copy Download

最新文章程式產生器

最新回應程式產生器

總共19 則留言 ( 我要發問 , 隱藏留言 顯示留言 )

About Me

布丁布丁吃布丁

Luminous Blessing (Donors)

Facebook Fanpage

Random Posts

Guestbook

Comments

Recent Posts

Loading...

聯絡布丁

Buy Me A Coffee (Donate)

Labels (All Labels)

Blogger專用最新文章與最新回應產生器 8月 11, 2007 Blogger 19 Comments Edit Copy Download

最新文章程式產生器

最新回應程式產生器

Related Posts

總共19 則留言 ( 我要發問 , 隱藏留言 顯示留言 )

About Me

布丁布丁吃布丁

Luminous Blessing (Donors)

Facebook Fanpage

Random Posts

Guestbook

Comments

Recent Posts

Loading...

Blogger專用最新文章與最新回應產生器

8月 11, 2007 Blogger 19 Comments Edit Copy Download

總共19 則留言 ( 我要發問 , 隱藏留言顯示留言 )