2008年4月24日

Bloggerで投稿エントリの一覧リストを作る


Vannes, France
右のサイドバーにある「投稿エントリのタイトル一覧」を加えてみました。やり方は以下の通りです。

まず、Bloggerのエントリー投稿画面にログインして、レイアウトの編集をクリックします。そして、ページ要素を追加でどこかに下のコードを貼付けます。このブログの場合は、フッターのところに貼りました。赤文字のところは、自分のブログのURLに交える必要があります。同じ行で青文字で示した数字は、表示するタイトル数を表すので、必要に応じて変更することができます。(必要があれば、緑文字のところはそれぞれタイトルの文字数の最大値と、日付の文字数の最大値を表しているので環境の応じて変えて下さい。)
<script>
<!--
function recent_comment_callback(obj) {
var data = obj;
var statusHTML = '<ol>';
var titleDisplay = 30;
var dateDisplay = 10;
for (var i=0; i<data.feed.entry.length; i++) {
statusHTML+= ('<li>');
statusHTML+= ('(<span class="item-date">'+data.feed.entry[i].published.$t.substring(0,dateDisplay)+'</span>)   ');
statusHTML+= ('<a href="'+data.feed.entry[i].link[0].href+'">');
statusHTML+= ('<span class="item-title">'+data.feed.entry[i].title.$t.substring(0,titleDisplay)+'</span>');
statusHTML+= ('</a>');
statusHTML+= ('</li>');
}
statusHTML += '</ol>';
document.getElementById('entry_list').innerHTML = statusHTML;
}
-->
</script>
<script text="text/javascript"
src="http://mesetudesenfrance.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=recent_comment_callback&max-results=100">
</script>
次に投稿エントリのタイトル一覧を貼付けたいところに、下の一行を足すだけで完了です。このブログでは、新規のエントリ「投稿エントリのタイトル一覧」を追加して、そこに以下の一行を足しました。
<div id="entry_list"></div>
役立ったサイト:
仮題「猫は素晴らしい」: bloggerの最近のコメント問題(最終版)

0 comments:

コメントを投稿