他ブログ更新情報の自ブログへの表示

自他の意味する立ち位置が転倒しますので記しておけば、 このタイトルで言う他ブログがこの記事を掲載するブログ ホームページ作成浜松Tips で、自ブログがそれの姉妹ブログ HamaZoランクチェック!Blog (※) と位置づけられます。

本ブログ一連の関連記事

を纏めると本記事のタイトルが可能になります。 その実例として下図 ホームページ作成浜松TipsフィードのHamaZoランクチェック!Blogへの表示アフター が適用前となる、本ブログの姉妹ブログ HamaZoランクチェック!Blog (※) での状況 (自ブログに位置づけています) にて適用後の図が…

スポンサーリンク

以下になります。 ホームページ作成浜松TipsフィードのHamaZoランクチェック!Blogへの表示ビフォー ハイライトに抜いた部分に本ブログの最新フィードが表示されているのが お分かりいただけるでしょうか。

ここで他ブログとしての ホームページ作成浜松Tips のフィードは Yahoo! PipesJSONP オブジェクト化しており、

  • Fetch Feed(Source)
  • Sort(Operators)
  • Pipe Output
の様に使用しているモジュールは17日記事に比較して Fetch Feed は一つだけ、Regex、Union は使用しない更にシンプルなものとなっています。

19日の記事では120文字に切り詰めた文字数は 表示部分がブログのコンテンツ冒頭部に当たる為コンパクトにする必要があり、 一行に収まるように更に(半角で)70文字程度迄切り詰めました。 5つ表示していたフィードも3つに減らしています。

上記の多少の改変を施した上で javascriptファイルは外部ファイルに切り出しました。 これにて凡そ当初の目標は達成出来ました。 後は HamaZoランクチェック!Blog (※) 側でデザインを微調整していく予定です。

※ 現在では HamaZoランクチェック!Blog は本ブログ( Acenumber Technical Issues )に統一しました。

スポンサーリンク

「他ブログ更新情報の自ブログへの表示」への4件のフィードバック

  1. 姉妹ブログホームページ作成浜松Tipsの更新情報表示

    昨日2011年4月24日より、姉妹ブログホームページ作成浜松Tipsの更新情報を本ブログトップページのコンテンツの最上部に表示するようにしました。そのビフォー・アフター図が下になります。アフター図のハイライトに抜いた部分と本ブログの比較をしていただければ分かり易いの

  2. 本ブログ更新情報を姉妹ブログに表示する方法

    姉妹ブログのレイアウトデザインを時代及び本ブログに準じるようにと施した改修を姉妹ブログの全体幅の拡張として2011年5月1日の本ブログ記事にしました。その際のアフター画面が下の図ですが、ビフォーと題打つのが今回の記事の趣旨に沿うもの。ホームページ作成浜松Tips:B

  3. ブラウザに拠るjavascript実行環境の相違

    ブログ上で javascript を実装するのは様々な制約がある上に、記事毎に条件が異なったりとなかなか困難が多くて問題も出易いようです。2011年4月24日の記事他ブログ更新情報の自ブログへの表示でブログのテンプレートに必要な外部javascriptファイルを読み込ませる様に設定し

  4. javascriptファイルでjavascriptファイルを読み込む問題点

    本ブログでは javascriptライブラリjQueryを他javascriptファイルから読み込ませていました。これは単一のファイルに javascript 及び CSS ファイルを全てまとめて、更新性を良くする為です。その読み込むための javascript のソースは…

コメントは受け付けていません。