For Blogger 最新文章/標籤文章 HTML/JavaScript小工具

這篇介紹的是掛在側欄的小工具,

如果要掛在文章內的,
請參閱此文:
Blogger RWD版面 文章內帶出相關文章/延伸閱讀/系列文章 外掛



因為Blogger提供的原生小工具「資訊提供」,

受限在只能抓五篇最新文章/相關標籤文章,

而且沒有縮圖跟內文;

用「網站連結」小工具有縮圖跟內文,

但是只能出現一篇。

所以可以用這個最新文章/相關文章  HTML/JavaScript小工具(For Blogger專用)作到:
1、可以抓取超過5篇的最新文章
2、可以抓取超過5篇的相關標籤文章
3、放在文章內可以顯示相關文章/延伸閱讀 
4、可以改寫成多抓取文章內容+縮圖

 3、4還沒空改寫…XD,請使用此外掛:
Blogger RWD版面 文章內帶出相關文章/延伸閱讀/系列文章 外掛


詳細程式碼請至:
布丁-Blogger專用最新文章與最新回應產生器
http://blog.pulipuli.info/2007/08/blogger.html


不過語法須稍作修正:


方法一、調整JS語法中取得的欄位順序

最新留言改成
var link=post.link[2].href; 
最新文章改成
var link=post.link[4].href;




方法二、調整資訊提供的網址

或是直接改掉資訊提供的網址:

<!--資訊提供網址:紅字記得改成自己的部落格網址-->
<!--如果顯示最新發表文章改成這個
<script src="http://codinglifenever.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=handlePosts_v2" type="text/javascript"></script>
-->
<!--如果顯示特定標籤文章改成這個
<script src="http://codinglifenever.blogspot.com/feeds/posts/default/-/標籤?orderby=published&alt=json-in-script&callback=handlePosts_v2" type="text/javascript"></script>
-->


最新留言我沒有試喔 XD!


參考資料:
資訊提供網址參數介紹
https://feed.mikle.com/support/google-blogger-rss/



留言