自從上次最新回應壞掉,我用訂閱 http://www.yourblog.com/feeds/comments/summary 去代替後,就一直想找找看有沒有比較好用的最新回應,不過最近很忙,難得今天早點下班,所以就趁機找了一下,結果要找的沒找到,在
Blogger Buster翻到一個看起來不錯用的東西,叫作有縮圖的相關文章,簡單來說就是相關文章除了標題之外還幫你附縮圖,這個功能是用
Link Within這個站的plugin去做的,方式很簡單,所以與大家分享一下。
首先,先連到
Link Within這個站,你會看到右邊有個淡紫色的方塊。
從上到下分別要填的是
Email : 填你的電子信箱
Blog Link: http://填你的部落格網址
Platform : 選你的blog平台,建議都選Other
Width : 選擇要顯示幾則,從1~5,越多越寬
口My blog has light text on a dark background
如果你的blog是深色底的話,這邊打勾
然後就可以點
Get Widget!取得語法了。
取得的語法會長的像這個樣子
<script>
var linkwithin_site_id = 這邊自己改;
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random();
document.getElementsByTagName('head')[0].appendChild(elem);
})();
</script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Blog Widget by LinkWithin" style="border: 0" /></a>
紅色那邊改成LinkWithin給你的編號。
然後把這串語法貼進blogger的範本,只要貼在<body>跟</body>的中間就可以生效了。不知道怎麼貼的話可以從[版面配置]->[修改 HTML]裡面去找地方貼(我通常都把javascript貼在head裡,阿真的不知道貼哪邊在留言問吧XD),或是用[版面配置]->[網頁元素]->[新增小工具]去新增一個[HTML/JavaScript]貼在裡面也可。
不過這樣子貼的話,瀏覽文章列表時,每篇文章的後面還是都會長出有縮圖的關連文章列表,於是我小小做了一下修改,改成只有點進文章後,才會顯示關連文章,語法如下。
<b:if cond='data:blog.pageType == "item"'>
<script>
var linkwithin_site_id = 這邊自己改;
(function () {
var elem = document.createElement('script');
elem.type = 'text/javascript';
elem.src = 'http://www.linkwithin.com/widget.js?rand=' + Math.random();
document.getElementsByTagName('head')[0].appendChild(elem);
})();
</script>
</b:if>
測試後感覺還不錯,於是我就把這功能新增到我的blog上了,可是雖然Link Within說是關連文章,可是我一點都感覺不出來,所以當做隨機文章就好XD,目前看起來他只會抓有圖的文章,所以沒有圖的文章是不會被拉出來顯示的。
**UPDATE**
Link Within後來有更新了,新拿到的語法會是這樣,基本上做法還是一樣的
<script>
var linkwithin_site_id = 這邊自己改;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts with Thumbnails" style="border: 0" /></a>
而如同我之前的做法,只要在Link Within所給的語法,前後加上下面黃色的語法,然後放到<head>跟</head>的中間就可以了。
<b:if cond='data:blog.pageType == "item"'>
<script>
var linkwithin_site_id = 這邊自己改;
</script>
<script src="http://www.linkwithin.com/widget.js"></script>
<a href="http://www.linkwithin.com/"><img src="http://www.linkwithin.com/pixel.png" alt="Related Posts with Thumbnails" style="border: 0" /></a>
</b:if>
如果有問題再問吧XD