2007年9月1日 星期六

Review Poster 輪播最新文章

2010.8.19更新,目前這網站已終止使用。

記上次介紹用Grazr Rss輪播器來顯示最新回應、最新文章,已經過了半個月,雖然介面很漂亮,但是速度和使用方法對我而言,還是有待加強,所以又換了一個新的介面,測試了一個禮拜,覺得還不錯,展示速度蠻快的,而且有折合功能,初始頁面最多顯示20篇文章,展開最高可顯示50篇文章,國內大部份的部落格都適用,只是最新文章出現的速度還是不一定,改用rss網址的方式好像也不會出現的比較快,由於這個網站還是beta版,所以大概會加強這方面的更新,另外如果你在del.icio.us.有註冊,也可以利用這個服務來聯播你的美味書籤。

Review Poster レビュー・ポスター〈有英日文兩種網站〉。

使用方法很方便,只要輸入你的網址,再做一些簡單的設定即可,不過他的原始設定,寬度有四種160px、240px、336px、468px寬度,紅色的抬頭,程式碼如下,如果想改相關的設定,只要改用綠色註明的地方即可,如果你懂得基本的程式碼,應該可以改得很漂亮。




<!-- Review Poster -->
<table cellpadding="0" cellspacing="0" border="0" id="reviewposter_table" style="width:160px;">
<tr><th id="reviewposter_title" style=" background:url(http://reviewposter.com/img/titlebg160.gif) no-repeat;color: #FFF;text-align:center;height: 28px;">User's Voice</th></tr>
<tr><td id="reviewposter_itembox" style="border-left: 1px #CCC solid;border-right:1px #CCC solid;text-align:left;padding:2px 4px;">
<ul id="reviewposter_itemlist" style="list-style:disc;margin:0 0 2px 16px;padding:0;">
</ul>
</td></tr>
<tr><td style="border-left: 1px #CCC solid;border-right:1px #CCC solid;border-bottom:1px #CCC solid;padding:2px;text-align: right;">
<a href="#" onclick="javascript:reviewposter_showitems(this);return false;" id="reviewposter_expand"><img src="http://reviewposter.com/img/openicon.gif" width="16" height="16" border="0" align="absmiddle" hspace="2" alt="all">Show All</a>
<a href="#" onclick="javascript:reviewposter_hideitems(this);return false;" id="reviewposter_collapse" style="display:none"><img src="http://reviewposter.com/img/closeicon.gif" width="16" height="16" border="0" align="absmiddle" hspace="2" alt="collapse">Collapse</a>
</td></tr>
<tr><td style="text-align:right;font-size:9px;">generated by <a href="http://reviewposter.com/" target="_blank">Review Poster</a></td></tr>
</table>
<script type="text/javascript" charset="utf-8" src="http://reviewposter.com/reviewposter.js"></script>
<script type="text/javascript" charset="utf-8" src="http://reviewposter.com/reviewsjs.php?u=http%3A%2F%2F01mistery.blogspot.com%2Ffeeds%2Fposts%2Fdefault"></script>
<!-- Review Poster -->

第一個是widget的寬度,如果你改了勢必不能用原來的抬頭圖片,因為原來的img是只有160px,所以就把背景圖片的敘述改成背景顏色即可, background:url(http://reviewposter.com/img/titlebg160.gif) no-repeat;
改成background: #777777; (看你要什麼顏色,或你要自己改圖片亦可),最下面的Show all、Collapse,也可改成中文,其他如字型、背景、邊框顏色都可以自己修改,以配合你的網誌。

3 則留言:

  1. 這個服務已經失效了喔!

    回覆刪除
  2. 忘了說:雖然這個網站已經終止服務了,但直接複製你提供的CODE,並把CODE後面RSS的網址改一下,還是能勉強使用喔!

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能