;

しんみゆ.com

群馬県高崎市在住の夫婦で日記というか、つぶやきブログしてます:しんみゆ.com

仕事メモ:アメブロの最新記事をサイトに掲載する

◆javascriptの追加

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
を、<head>内に書き込み、

さらに、下記javascriptコードを記述。

//Google Feed Api
google.load("feeds", "1");

function initialize() {

// ブログのRSSを設定 ★★★この部分がアメブロのIDになります
var feed = new google.feeds.Feed("http://rssadelete.dokoda.jp/d/http/rssblog.ameba.jp/★★★/rss.html ");

// 記事タイトルの表示文字数を35文字に設定 ★自由に変更可能
var maxTitleLength = 35;

// 記事タイトル取得件数を7件に設定 ★自由に変更可能
feed.setNumEntries(5);
feed.load(function(result) {
if (!result.error) {
var container = document.getElementById("feed1");
for (var i = 0; i < result.feed.entries.length; i++) {

// 記事タイトルを取得
var entry = result.feed.entries[i];
var title = entry.title;

// 記事タイトルを文字数調整
if (title.length > maxTitleLength) {
title = title.substr(0, maxTitleLength) + ‘…’;
}
// 年月日設定
var dd = new Date(entry.publishedDate); // now
var yearNum = dd.getYear();
if (yearNum < 2000) yearNum += 1900;
var m = dd.getMonth() + 1;
if (m < 10) {m = "0" + m;}
var d = dd.getDate();
if (d < 10) {d = "0" + d;}
var date = yearNum + "." + m + "." + d + " ";
container.innerHTML += "<li><span>" + date +" </span>" +" <br><a href=’" + entry.link + "’ target=’_blank’>" + title + "</a></li>";
}
}
});
}
google.setOnLoadCallback(initialize);

—————————————–

◆htmlに記載するコード

<ul id="feed1"></ul>

%d人のブロガーが「いいね」をつけました。

ページトップ