作者doomdied (Died)
看板Blog
标题[Blogger]有缩图的关连(随机)文章/Related Post with Thumbnail
时间Fri Aug 21 01:50:28 2009
[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
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 220.132.182.242
※ 编辑: doomdied 来自: 220.132.182.242 (08/21 01:50)
1F：→ chhs:最新回应可以用abin的 我有po #1AX1GNhn 可以找之前的回应 08/21 20:28