top


総投稿数 本 
no_

スポンサーサイト

 --------
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
カテゴリ :スポンサー広告 トラックバック(-) コメント(-)
no_1119

関連記事:記事も増えてきたので「関連記事」表示するように。GoogleFeed利用させていただき、先人の知恵にすがる ・・・ 【ブログカスタマイズ】

 2009-10-14
 このブログ「創るmetaboy」ももう1年半になる。
 投稿数ももうすぐ1000本
 記事も増えて、自分でも過去の記事を見るときに
 苦労するようになった。

 前から搭載したかった
 ・関連記事へのエントリ
  を


 FC2ブログで標準となった「ユーザータグ」を利用して実装。
 実装自体は簡単だったが、少し重くなったかな・・・
 ご容赦。
 関連記事へのエントリ


  追記に顛末 ▼

 ※関係ないけど、11/4まで、
  Amazon で「送料無料」やってますね


FC2ブログランキング にほんブログ村 IT技術ブログ Webサイト構築へ ブログ王ランキング 人気ブログランキング 人気ホームページランキングへ


more

************************************************
◎ 関連記事へのエントリ実装、の巻:FC2ブログカスタマイズ
************************************************


 参考にさせていただいたのは、
  ・FC2ブログのタグとGoogle AJAX Feed APIを使用した関連エントリー


  ・Google AJAX Feed API を利用し
  ・FC2のユーザータグを駆使して表示する方法
   ( ・<!--tag_list--> などのループと
     ・<%topentry_tag_list_parsename> などの変数を利用)


 こちらの、
  ・Google AJAX Feed API デベロッパー ガイド も
   参考になる。


  今回のソースにつながる いくつかのサンプルコード
  も記載されている。


 ■テーマ
   ・左のカラムに出したい
   ・記事頁だけに表示したい
   ・ユーザータグは3個ぐらいに制限
   ・表示件数は1件


 ■実装
   □FC2ブログ で、左のカラムに表示させるため
    プラグイン(フリーエリア)に記述


   □記事頁だけ というのは
    ・<!--permanent_area-->~<!--/permanent_area--> で、制限できる。


   □ソースは
<!--permanent_area-->
▼関連記事:<br />
<style>
#feedControl .gf-title {display:inline;}
#feedControl .gf-snippet {display:none;}
#feedControl .gf-relativePublishedDate {display:none;}
#feedControl .gf-spacer {display:none;}
#feedControl .gf-author {display:none;}
a.gf-title {
padding: 0px 0px 10px 20px;
background-image : url("http://blog-imgs-34.fc2.com/m/e/t/metaboy/valid_blue.gif");
background-repeat: no-repeat;
}
</style>
<script src="http://www.google.com/jsapi?key=*****" type="text/javascript"></script><script language="Javascript" type="text/javascript">//<![CDATA[
// load the AJAX Feed API
google.load("feeds", "1");
function feeds_initialize() { var tempnum_feedag=0;
// create a feed control
var feedControl = new google.feeds.FeedControl();
<!--topentry--><!--tag_list-->
if(tempnum_feedag<3){
feedControl.addFeed("<%url>?xml&utag=<%topentry_tag_list_parsename>", "<%topentry_tag_list_name>");
} tempnum_feedag++;
<!--/tag_list--><!--/topentry-->
feedControl.setNumEntries(10);
feedControl.setLinkTarget(google.feeds.LINK_TARGET_SELF);
feedControl.draw(document.getElementById("feedControl"),
{
drawMode : google.feeds.FeedControl.DRAW_MODE_TABBED
});
}
google.setOnLoadCallback(feeds_initialize);
//]]>
</script><div id="feedControl">読み込み中...</div>
<!--/permanent_area-->
 ※留意点として

   □今後他にもJavaScript は利用するので
    一般的な initialize という関数名は避け、
    feeds_initialize としたこと。
   □全体を <!--permanent_area-->~<!--/permanent_area--> で
    囲み、不要な頁で利用しないこと。


   □CSSの部分は、
    FC2ブログのタグとGoogle AJAX Feed APIを使用した関連エントリー
    さんに助けられた。


 しかし、重いな。
 しばらく搭載するが、考え物ではある。

commentsコメント
comment_post












管理者にだけ表示を許可する
commentトラックバック
トラックバックURL:
http://metaboy.blog23.fc2.com/tb.php/1119-b1d825ed
ようこそ
Add to Google 創るmetaboy:RSSフィード
My Yahoo!に追加
最新記事のRSS | 問い合わせ

仕事検索、アルバイト検索、依頼仕事の検索ポータル - 仕事検索.COM - www.jobkensaku.com ツクルン

創るmetaboy - WEB創る、サイト創る、何創る - 創ったmetaboy

 

リンク集

 

最近の記事

 

ブロとも申請フォーム
Sponserd by

さくらのレンタルサーバ さくらのレンタルサーバ
大容量・高機能レンタルサーバー heteml 大容量・高機能レンタルサーバー heteml
XREA (ValueDomain)
お名前.com お名前.com
名づけてねっと名づけてねっと
ムームードメインムームードメイン

 

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。