2008年6月30日 星期一

『相關文章』『格中格』 -- Grazr

Grazr-Related

原本這一篇沒打算要獨立出來的, 但是上一篇似乎有點『落落長』, 而且那麼多程式碼也不見得每個人都有興趣, 所以就把需要程式碼較少的『相關文章格中格 -- Grazr'獨立成一篇,

至少, 在我試出更好的方法之前, 會在我的『單篇文章』之後, 看到如左圖的樣子, 好幾個 Grazr『格中格』疊在一起, 裝著不同標籤的相關文章, ...

.

請在模版加入下面的程式 (綠色部分), 我是全部加在 [B]

<p class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
</p>
[A]
<p class='post-footer-line post-footer-line-3'/>
...
</div>
</div>
...
[B]
</b:includable>


找到適當地方, 放下面的程式,

[A] post-footer-line-2 整個段落之後, 如上圖, 會出現在 標籤 之後

[B] post-footer-line-3 之後的 </b:includable> 之前, 會出現在 FeedFlare 之後, 意見 之前

如果你的 標籤 意見 之間, 並沒有 Add to funPFeedFlare, 兩者的差別並不大

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.labels'>
<p>相關文章</p>
<b:loop values='data:post.labels' var='label'>
<div> 相關文章 -- <b><data:label.name/></b></div>

<div style='height: 200px; width: 90%'>
<script defer='defer' expr:src='&quot;http://grazr.com/gzloader.js?file=http://eucaly61.blogspot.com/feeds/posts/full/-/&quot; + data:label.name + &quot;?alt=rss&amp;max-results=50&quot;' type='text/javascript'>
</script>
</div>

* 設定 高度 和 寬度, 可以用 絕對(px) 或 相對 (%)

* expr: 將 標籤名稱 (data:label.name) 傳給 Grazr




</b:loop>
</b:if>
</b:if>

.

就這樣, 再來就是調整字型和格式,

.

如果我試出更好的方法 (目標是 Google AJAX Feed API), 再請大家票選囉 !!

.

2 意見:

發表您的回應
  1. 水瓶尤加利 提到...
    作者已經移除這則留言。
  2. 水瓶尤加利 提到...

    才沒幾天, 我把 Grazr 下線了, 考量的是速度,

    目前的是 我自己改良的 『json相關文章』
    .

張貼留言