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について書いています。
ページ: 1 2
(改訂版)サイトにブログ更新情報(RSS)を表示 への17件のコメント