2007年2月9日

快速的在Blogger加入「最新文章」

Blogger釋出新的API後,馬上有高手應用這個API。

Beautiful Beta中就利用這個API製作出簡單的將“最新文章”加入你的Blogger的方法,原文請參閱文章下方的「消息來源」。

我在這稍做簡短的解釋。

首先在範本的修改Html中,將下列程式加入在</head>之前。
<script src='http://home.planet.nl/~hansoosting/downloads/beautifulbeta.js' type='text/javascript'/>
接著在Widget Installation and Downloads Page這裡,選擇你想加入你Blog的widget,目前有提供下列幾種的widget:
  • Recent posts widget
    –最新文章
  • Recent comments widget
    –最新意見
  • Search widget
    –搜尋引擎
  • Recent Posts Widget for FTP Blogs
    –如果你的blogger是存在自己的空間,那最新文章就用這一個
  • Weather Report Widget
    –天氣報告
這裡我以最新文章為例:
按下Recent posts widget下方的按紐,會出現如下的視窗:

將一些基本的條件設定完成後按下,或重新設定,之後按下,會再出現下面的視窗:

選擇你的Blog和Widget的名稱,按下“新增迷你組件“,之後再選個好位置放置,這樣你的Blog就擁有最新文章在你的Sidebar了。

之後如果要更動一些基本的參數,只要進入這個Widget的畫面,修改下列的參數就可以了。
  • numposts = 5(顯示文章數量)
  • showpostdate = true(是否顯示日期,是為true,否為false)
  • showpostsummary = true(是否顯示文章內容,是為true,否為false)
  • numchars = 100(顯示文章內容的長度)
  • standardstyling = true(是否使用內定的CSS樣式,是為true,否為false)
如果你想自行定義CSS,只要將上面的standardstyling改為false,再自行加下入下列幾個參數到你的CSS之中即可:
  • .bbrecpost
  • .bbrecpostsum
  • .bbwidgetfooter

5 則留言:

  1. 你好:這個太難我不會用,不過,BeautifulBeta的部落格那個三欄很漂亮,又寬又整齊,想請問你知不知道怎麼做?

    回覆刪除
  2. 如果你是想要他的Templates的話可以就要問Hans本人是否有提供,如果只是配色,你只要把一個三欄的Templates也能自行配出和他一樣的顏色。

    回覆刪除
  3. 我照你的方式

    卻跳出
    De pagina is niet gevonden

    De URL http://home.planet.nl/~hansoosting/downloads/recentpostswidget.html is niet gevonden op de webserver.
    Controleer of het pad in de URL juist is.

    Ben je op zoek naar een homepage van een (voormalig) Planet klant?
    De homepage is voortaan bereikbaar onder twee adressen:
    1. Tijdelijk nog via het vertrouwde adres: http://home.planet.nl/~gebruikersnaam/
    2. Het nieuwe adres: http://home.kpn.nl/gebruikersnaam/
    Let op het verschil, er is geen tilde "~" meer.
    NB: Het is helaas niet meer mogelijk om deze homepage te bereiken via de email alias variant.

    Ben je op zoek naar een homepage van een KPN klant?
    De homepage is voortaan bereikbaar onder twee adressen:
    1. Tijdelijk nog via het vertrouwde adres: http://home.kpnplanet.nl/~gebruikersnaam@kpnplanet.nl/
    2. Het nieuwe adres: http://home.kpn.nl/gebruikersnaam/
    Let op het verschil, er is geen tilde "~" meer en de @kpnplanet.nl

    回覆刪除
  4. 說真的~~~這真的很方便~我找半天!!!!

    謝謝你囉~~~這真是很簡單!!!

    回覆刪除
  5. 你好~我是小星!
    跟您分享一個網路在家工作創業,只要投資在家人或自己的健康下同時也可以賺取收入喔!免費體驗中:
    http://joe80411.weebly.com/
    祝~天天都是有美好的一天˙快樂與您同在

    回覆刪除