v Review Poster 輪播最新文章 >> 0 與 1 謎詭世界
★★★請勿任意轉載本站的文章及圖片但歡迎網摘及連結並註明網站名稱與網址,勿全文轉載,彼此尊重,
是網路的基本禮儀。


>
2013 曬書節 - 萬種商品49元起!

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搜尋功能

Related Posts Plugin for WordPress, Blogger...