這篇介紹的是掛在側欄的小工具,
如果要掛在文章內的,
請參閱此文:
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/
如果要掛在文章內的,
請參閱此文:
Blogger RWD版面 文章內帶出相關文章/延伸閱讀/系列文章 外掛
因為Blogger提供的原生小工具「資訊提供」,
受限在只能抓五篇最新文章/相關標籤文章,
而且沒有縮圖跟內文;
用「網站連結」小工具有縮圖跟內文,
但是只能出現一篇。
所以可以用這個最新文章/相關文章 HTML/JavaScript小工具(For Blogger專用)作到:
1、可以抓取超過5篇的最新文章
2、可以抓取超過5篇的相關標籤文章
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/
留言
張貼留言