| 2012 / 11 «« ■ »» |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
meaning of mark ::
nothing ,
comment
Pageview
Online Status
Profile
Menu
RSS & Atom Feed
Pickup Photo!
2010/03/31 :: オープン rapportrose
本日オープン
まつげとリンパのお店
rapportrose(ラポールローズ)
店内は白で統一されいるだけで心が癒される空間です
店長の技術もすごく一度試すとやめることの出来ないお店です
!!$photo1!!
rapportrose(ラポールローズ)
清き一票をお願いします
別ウインドウで開きます!!
下記はまぁくんの店の情報です
記す
!!$more!!
大阪府 四條畷市 まぁくんの店(印鑑・名刺・印刷 ホームページ作成 SEO対策)
雑貨 格安 低価格 販売 新商品なんでも雑貨サイト商品検索
こどもの本なんでもデジモン屋雑貨屋2茶道日記司法書士試験
本日オープン
まつげとリンパのお店
rapportrose(ラポールローズ)
店内は白で統一されいるだけで心が癒される空間です
店長の技術もすごく一度試すとやめることの出来ないお店です
!!$photo1!!
rapportrose(ラポールローズ)
清き一票をお願いします
別ウインドウで開きます!!
下記はまぁくんの店の情報です
記す
!!$more!!
大阪府 四條畷市 まぁくんの店(印鑑・名刺・印刷 ホームページ作成 SEO対策)
雑貨 格安 低価格 販売 新商品なんでも雑貨サイト商品検索
こどもの本なんでもデジモン屋雑貨屋2茶道日記司法書士試験
all photo
Recent Diary
ホームページ作成 寝屋川市new!
Recent Comments
2010/07/31
Google AJAX Feed API
[本日のお仕事]
今回はホームページに他のサイトのブログを読み込む作業をしました
これがなかなか難しい
なぜならフィードを取りに行くとはじかれてしまいます
それでGoogle AJAX Feed API を使うことにしました
まず
gajaxjsを作成します
内容は
載せたいページに
後はCSSでデザインを変更します
clssは
#feedTitleとcontentです
参考サイト
ブログI'm.
ブログmacco
ブログ$HII
よかったら見てください
参考サイト
Google AJAX Search API


下記はまぁくんの店の情報です
記す
大阪府 四條畷市 まぁくんの店(印鑑・名刺・印刷 ホームページ作成 SEO対策)
これがなかなか難しい
なぜならフィードを取りに行くとはじかれてしまいます
それでGoogle AJAX Feed API を使うことにしました
まず
gajaxjsを作成します
内容は
// JavaScript Document
var blog = {
feedurl: "RSSアドレス○○.xml",
// feedurl: "../rss2.xml"や
// feedurl: "http://blog.makun.org/feed", です
numOfPost: 10, // 1 ページに表示する投稿数
url: "ホームページアドレス"
}
// エントリーのタイトルをリンク付きにして div 要素に入れて返す。
function createTitleWithLink(entry, idx){
var div = document.createElement("div");
var anchor = document.createElement("a");
anchor.href = entry.link;
anchor.setAttribute("name", idx);
anchor.appendChild(document.
createTextNode(entry.title));
div.className = "title";
div.appendChild(anchor);
return div;
}
// エントリーの内容を div 要素に入れて返す。
function createContent(entry){
var div = document.createElement("div");
div.innerHTML = entry.content;
div.className = "content";
return div;
}
// エントリーのタイトルへのアンカーを作成し、div 要素に入れて返す。
function createFeedTitle(entry, idx){
var anchor = document.createElement("a");
var div = document.createElement("div");
anchor.setAttribute("href",
location.protocol + "//" +
location.hostname + location.pathname + "#" + idx);
anchor.appendChild(document.
createTextNode(entry.title));
div.appendChild(anchor);
return div;
}
// 「前の投稿」を生成
// createURL 関数は blog.js で定義。
function createNextLink(entry){
var anchor = document.createElement("a");
anchor.href = createURL(blog.url, blog.numOfPost,
new Date(entry.publishedDate));
anchor.appendChild(document.createTextNode("前の投稿"));
return anchor;
}
google.load("feeds", "1");
function initialize() {
var feed = new google.feeds.Feed(blog.feedurl);
feed.setNumEntries(blog.numOfPost)
feed.load(function(result) {
if (!result.error) {
var divFeedTitle = document.getElementById("feedTitle");
var divFeed = document.getElementById("feed");
var divNextLink = document.getElementById("nextLink");
for (var i = 0; i < result.feed.entries.length; i++) {
var entry = result.feed.entries[i];
// フィードのタイトル一覧を生成
divFeedTitle.appendChild(createFeedTitle(entry, i));
// フィードのタイトルを生成
divFeed.appendChild(createTitleWithLink(entry, i));
// フィードの内容を生成
divFeed.appendChild(createContent(entry));
}
// 前の投稿へのリンクを生成
divNextLink.appendChild(createNextLink
(result.feed.entries[blog.numOfPost-1]));
}
});
}
google.setOnLoadCallback(initialize);
載せたいページに
<script type="text/javascript"
src="http://www.google.com/jsapi"></script>
<script type="text/javascript"
src="js/gajax_shii.js"></script>
//<pre></head>より上に書く
//<body>より下に書く
<div id="feedTitle"></div>
<div id="main_blog">
<!-- フィードの内容 -->
<div id="feed"></div>
</div>
//</body>より上に書く
後はCSSでデザインを変更します
clssは
#feedTitleとcontentです
参考サイト
ブログI'm.
ブログmacco
ブログ$HII
よかったら見てください
参考サイト
Google AJAX Search API

下記はまぁくんの店の情報です
記す
大阪府 四條畷市 まぁくんの店(印鑑・名刺・印刷 ホームページ作成 SEO対策)
posted at 2010/07/31 17:02:00
lastupdate at 2010/07/31 17:20:08
【修正】
Comments
Post your Comment



MyYahoo!に追加
Googleに追加