cbreeze Blogのタイトル表示#1..FeedWind 2008/08/09
HOME PC SKI BLOG PROFILE

  RSSフィードを利用するとリアルタイムでBlogのタイトルをWeb頁に表示できます。
今回は無償で外部実行環境を利用でき設定や操作が簡単なFeedWind利用のメモです。

■FeedWind
 FeedWindのサイトはこちら

 指定したブログのRSS Feedを読み込んでhtmlコードに変換します。
 FeedWindのWebサイトでRSS FeedのURLなどを指定すると表示用のhtmlタグを自動生成します。
 作成されたタグをコピーして、表示したいWebページに貼り付けるだけで設定は完了。
 また以下のカスタマイズが可能。
 ・CSSの設定
 ・フォントサイズ/枠線の変更
 ・タイトル/見出しの背景色/イメージの変更
 ・本文表示有無の変更
 ・フレームデザインサンプルの選択

■htmlコード生成
 画面から指定事項を入力するのみです。
 以下は生成されたコードのサンプルです。

  <!-- start feedwind code -->
  <script type="text/javascript">
  <!--
  rssmikle_url="http://kplace.plala.jp/sur_blog/index.xml";
  rssmikle_frame_width="170";
  rssmikle_frame_height="100";
  rssmikle_target="_top";
  rssmikle_font_size="10";
  rssmikle_border="off";
  rssmikle_css_url="http://kplace.plala.jp/pc.css";
  rssmikle_title="off";
  rssmikle_title_bgcolor="#f8f8f8";
  rssmikle_title_color="#666666";
  rssmikle_title_bgimage="";
  rssmikle_item_bgcolor="#FFFFFF";
  rssmikle_item_bgimage="";
  rssmikle_item_title_length="20";
  rssmikle_item_title_color="#666666";
  rssmikle_item_border_bottom="on";
  rssmikle_item_description="off";
  rssmikle_item_description_length="40";
  rssmikle_item_description_color="#666666";
  rssmikle_item_description_tag="off";
  rssmikle_item_podcast="icon";
  //-->
  </script>
  <script type="text/javascript" src="http://feed.mikle.com/js/rssmikle.js"></script>
  <div style="font-size:10px; text-align:left;">
  <a href="http://feed.mikle.com/" target="_blank" style="color:#CCCCCC;">
  <IMG src="http://kplace.plala.jp/image2/feedwind.png" width="57" height="16" border="0"></a>
  </div>
  <!-- end feedwind code -->

■表示サンプル


■結果
 Blogの頁のタイトルを非常に簡単に表示可能になりました。
 CSSの指定でWebページのデザインと同じスタイルで埋め込みが可能です。
 Scriptの実行環境はFeedWindサイトなので実行時間にタイムラグが見られます。

[HOME] [PC] [SKI] [BLOG] [PROFILE] cbreeze:潮風"SeaBreeze"から。2000/02/02開設 Mail to