有縮圖的關連(隨機)文章/Related Post with Thumbnail - 部落格
By Carolina Franco
at 2009-08-21T01:50
at 2009-08-21T01:50
Table of Contents
[blog版] http://0rz.tw/VQveU
自從上次最新回應壞掉，我用訂閱
http://www.yourblog.com/feeds/comments/summary
去代替後，就一直想找找看有沒有比較好用的最新回應，不過最近很忙
，難得今天早點下班，所以就趁機找了一下，結果要找的沒找到，在
Blogger Buster翻到一個看起來不錯用的東西，叫作有縮圖的相關文章
，簡單來說就是相關文章除了標題之外還幫你附縮圖，這個功能是用
Link Within這個站的plugin去做的，方式很簡單，所以與大家分享一下。
首先，先連到Link Within這個站，你會看到右邊有個淡紫色的方塊。
http://www.linkwithin.com/learn
從上到下分別要填的是
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，目前看起來他只會抓有圖的文章，所以沒有圖的文章是不會
被拉出來顯示的。
--
上班不務正業的證據
http://died.tw
--
自從上次最新回應壞掉，我用訂閱
http://www.yourblog.com/feeds/comments/summary
去代替後，就一直想找找看有沒有比較好用的最新回應，不過最近很忙
，難得今天早點下班，所以就趁機找了一下，結果要找的沒找到，在
Blogger Buster翻到一個看起來不錯用的東西，叫作有縮圖的相關文章
，簡單來說就是相關文章除了標題之外還幫你附縮圖，這個功能是用
Link Within這個站的plugin去做的，方式很簡單，所以與大家分享一下。
首先，先連到Link Within這個站，你會看到右邊有個淡紫色的方塊。
http://www.linkwithin.com/learn
從上到下分別要填的是
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，目前看起來他只會抓有圖的文章，所以沒有圖的文章是不會
被拉出來顯示的。
--
上班不務正業的證據
http://died.tw
--
Tags:
部落格
All Comments
By Eartha
at 2009-08-23T07:05
at 2009-08-23T07:05
Related Posts
有吉他BLOG相關經驗or BLOG高手賜教
By Franklin
at 2009-08-20T23:52
at 2009-08-20T23:52
如何查詢某人的正確卡馬值？
By Franklin
at 2009-08-20T22:58
at 2009-08-20T22:58
Plurk內建表情符號
By Ida
at 2009-08-20T20:43
at 2009-08-20T20:43
迴響設定
By Xanthe
at 2009-08-20T20:17
at 2009-08-20T20:17
關於清單符號
By Emma
at 2009-08-20T20:01
at 2009-08-20T20:01