サイドバーに「最近の記事」を追加

画像はWikimedia Commonsから、香港のポスト(まだエリザベス二世の紋章がある)。

サイドバーに「最近の記事」を追加した。その備忘録。

過去記事xx件という一覧表示がなぜか欲しい。
というので、Bloggerのアーカイブは週や月単位だったりして、一覧表示が標準では用意されていないことが分かった。

いろいろ調べたあげく、各自工夫されているなか、まず、自分自身のRSSフィードを引っ張ってくる方法を試してみた。
そのときの設定方法は次の通り：

1. bloggerの上のメニューから
2. カスタマイズをクリック
3. レイアウトをクリック
4. ページ要素をクリック
5. (適当なセクションで)「ガジェットを追加」をクリック
6. 基本～「フィード」ガジェットを追加
7. フィードURLに"http://uyabin.blogspot.com/feeds/posts/default?orderby=published"を追加
8. 次画面に移るので適当に設定
   

しかし、bloggerの制限により5件までだったので、この方法はあきらめて、jackbook.comの記事を参考に件数を拡大した(このサイトはFirefoxではレイアウトが崩れているようだ)。

具体的には次の通り：

1. bloggerの上のメニューから
2. カスタマイズをクリック
3. レイアウトをクリック
4. ページ要素をクリック
5. (適当なセクションで)「ガジェットを追加」をクリック
6. 基本～「HTML/JavaScript」ガジェットを追加
7. 「コンテンツ」欄に以下のJavaScriptを追加

<script src="http://files.lifewg.googlepages.com/blogger-widget.js"></script>
<script>
var numposts = 15;
var showpostdate = false;
var showpostsummary = false;
var numchars = 100;
</script>
<h2>最近の記事</h2>
<script src="http://uyabin.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>

中身はと言うと：

• var numposts = 15;　記事数を指定する。今回は15件にしてみた
• var showpostdate = false;　投稿日の表示　(する:true / しない:false)
• var showpostsummary = false;　記事の要約　(する:true / しない:false)
• var numchars = 100;　記事要約の文字数
• <h2>最近の記事</h2>　表示タイトル
• <script src="http://uyabin.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=rp"></script>　表示させたいblogのフィードURL

この方法は"http://files.lifewg.googlepages.com/blogger-widget.js"が生きている限りは大丈夫だ。

(追記)
と思ったら、上のファイルへのアクセスすると、以下のメッセージが出て、つまり、アクセスが過多で表示されなくなる場合があるようだ。

The bandwidth or page view limit for this site has been exceeded and the page cannot be viewed at this time. Once the site is below the limit, it will once again begin serving as normal.

がーん。
解決策として表示タイトルを
最近の記事 (表示されたりされなかったり)
に変更した。