制作物全国対応・兵庫県 姫路市にある発信力をテーマとしたホームページ・ブログ制作
ニコ株式会社
Blog


(改訂版)サイトにブログ更新情報(RSS)を表示


webサイトに簡単にブログの更新情報を入れる方法です。

今回は例にアメブロを使って、

設置までを説明します。

①まずアメブロのRSSを取得します。

 

アメブロの右下にあります。

これのRSS2.0の方をクリックします。

するとこんな画面に移動します。

赤で囲ってある文字列をコピーします。

 

次に実際にソースに入れていきます。

私が実際に使っているscriptをここからダウンロードできます。

解凍するとrss.jsというファイルがありますので、

テキストエディタで開いて変更を加えます。

赤線部分を変更します。

記事の表示数は「10」にしてあります。

ダウンロードしたrss.jsには、広告を非表示にする(アメブロ)ようにしてありますので、実際には8か9個が表示されます。

表示したい記事数+1にしておくといいと思います。

次に実際にソースに入れます。

<head>内に

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript" src="パス/rss.js"></script>

を入れます。

そして、更新情報を表示させたい部分に<div id=”feed”></div>を入れておしまいです^^

 

ダウンロードしたree.jsは文字コードが「shift_jis」になっていますので、

適宜変更してください。

 

次のページではブログ更新情報表示部分のhtml、cssについて書いています。



井上 大輔

この記事を書いたひと

ニコ株式会社の社長。html、cssのコーディングの基礎を独学で学び、引きこもってゴソゴソとコーディングをするのが趣味。 建物を見るとhtmlとcssが浮かぶほど。 webの力に惹かれ、今日もせっせとコーディングを行っています。 好きなことはいたずら。子供の頃の夢は社長。 ゲーム好きでテイルズシリーズ、龍が如くシリーズの話題は大好き。 圧倒的にドSですが、妻に怯えながらスマホのゲームに課金をしています。


カテゴリー: PC、WEB小ネタ   パーマリンク

(改訂版)サイトにブログ更新情報(RSS)を表示 への17件のコメント

関連記事


カテゴリー:PC、WEB小ネタ

ニコ株式会社 公式コラム

お知らせ

コラム新着情報

公式フェイスブックページ


Copyright ©ニコ株式会社 All Rights Reserved.