最新記事を画像(サムネイル)付きで表示 (1)

以前に紹介した「複眼RSS」を使い、最新記事に画像を付けてみた。
RSSフィードを利用し、毎回ブログの記事から最新のタイトルと
1番目の画像を自動的に検索し表示してくれます。
(注意)
① RSS使用の為、投稿後画像表示まで暫く時間を要します。
② この記事のように、画像がない記事は飛ばされてしまうので
ダミー画像を用意し「height=”0” width=”0” class=”fukugan”」を指定します。
参考サイト:FC2ブログやその他でも簡単に最新記事を画像(サムネイル)付きで表示する方法
【スポンサーリンク】RSSフィードを利用し、毎回ブログの記事から最新のタイトルと
1番目の画像を自動的に検索し表示してくれます。
(注意)
① RSS使用の為、投稿後画像表示まで暫く時間を要します。
② この記事のように、画像がない記事は飛ばされてしまうので
ダミー画像を用意し「height=”0” width=”0” class=”fukugan”」を指定します。
参考サイト:FC2ブログやその他でも簡単に最新記事を画像(サムネイル)付きで表示する方法
[今回の設定]
角丸0px 横幅80px 高さ100px padding横2px 縦2px
テーブル3行3列 取得件数9件
背景色#FAEBD7
スキン枠線 文字位置下 横80px 縦35px
文字サイズ10px 文字色#BA2636
黒フチ除去 カテゴリー映画
アクセスを送らない(iframe版)
下記指定にチェック
・ 未来日付の記事を表示しない
・ 最新記事から順表示
・ リンク先を同じウインドウで開く
・ RSSURL順に表示
[補記](H26.2.11)
レイアウトの関係上、下記を変更(上記記載は変更後のもの)
文字位置:横 → 下
テーブル行数:5行 → 3行
取得件数:15件 → 9件
角丸0px 横幅80px 高さ100px padding横2px 縦2px
テーブル3行3列 取得件数9件
背景色#FAEBD7
スキン枠線 文字位置下 横80px 縦35px
文字サイズ10px 文字色#BA2636
黒フチ除去 カテゴリー映画
アクセスを送らない(iframe版)
下記指定にチェック
・ 未来日付の記事を表示しない
・ 最新記事から順表示
・ リンク先を同じウインドウで開く
・ RSSURL順に表示
[補記](H26.2.11)
レイアウトの関係上、下記を変更(上記記載は変更後のもの)
文字位置:横 → 下
テーブル行数:5行 → 3行
取得件数:15件 → 9件
- 関連記事
-
-
ユーザータグ一覧 2004/10/01
-
サムネイル付きページ送り 2020/09/10
-
関連記事サーチ 2009/08/09
-
表示速度改善 [2] 2010/03/30
-
デフォルトタブを指定する 2014/03/06
-
ブログのデザイン一部変更 2014/02/16
-
コンベアベルト式のスライド 2009/06/26
-
タグ検索結果を画像(サムネイル)付きで表示 2014/02/11
-
表示速度改善 [4] 2010/07/22
-