日々のコンピュータ情報の集積と整理

Dr.ウーパのコンピュータ備忘録

2015年3月20日金曜日

Blogger:新着情報を表示する選択肢

イントロダクション

今回、Google のブログサービス「Blogger」にて、新着情報をサムネイル付きで任意の件数表示できるガジェットを自作することにしました。

Blogger:JavaScript:新着情報を表示するガジェットを作成(1)-準備編
http://upa-pc.blogspot.com/2015/03/blogger-new-post-list-gadget-javascript-1.html


なお、私は自作する道へと進みましたが、既に世の中には Blogger の新着情報をカスタマイズして表示するいろいろな手段があるようです。

ただし、そのようなものがあるということは調べてみましたが、実際に使ってみたことがないものも含んでいるため、それらを使われる場合には、各自で調査を行ってから使ってください。

Bloggerで、新着情報を表示する選択肢


(1) Blogger 標準機能 

「フィード」ガジェット

Blogger の標準のガジェットで、新着情報を表示する仕組みがあります。

特徴
  • 自分のブログのフィードのURLだけではなく、他者のブログ・Webサイト等のどんなフィードのURLでも登録し、新着情報を表示することができる
  • 非常にシンプルな作り
  • 新着情報の最大表示件数は、5 件
  • 文字情報(記事タイトル、投稿日時)しか表示できない


(2) Blogger の「その他のガジェット」で取得できるサードパーティ(第三者)製のガジェット

Recent Posts Widget

"Ziyush" から提供されている新着投稿のガジェットです。
2015/3/20 現在、ガジェットが破損しているようで、動作を検証することはできませんでした。


Recent Posts

"Bloggerplugins.org" から提供されている新着投稿のガジェットです。
解説ページを見つけられなかったため、具体的なことは不明ですが、サムネイル画像と記事タイトルなどを表示することが出来るようです。

いろいろな設定項目があることは確認しました。
設置手順等は、次のページによる解説が参考になります。

Blogに彩りを持たせるレコメンドリンクの設置 – zenback , LinkWithin , Outbrain | Will feel Tips
http://ichitaso.com/blogger/zenback-linkwithin-outbrain/


(3) 第三者提供の埋め込みスクリプト

Blogger Post Thumbnailer

Blogger の Feed を json-in-script 形式で取得して、サムネイル画像と記事タイトルを表示するスクリプトです。

特徴
  • Blogger 専用
  • 動作には jQuery が必要
  • 画像が使用されていない記事は表示されない
  • フィードが使用できないブログでは利用不可
  • サムネイル画像の上に、記事タイトルが黒い透明背景の上に白文字で表示される(デフォルト CSS, CSS のカスタマイズにより変更可能)
  • 差滑いる画像がGoogle Picasaによってホスティングされている場合には、任意の画像サイズを指定可能
  • テンプレートのHTMLへの埋め込み

投稿された記事をサムネイル表示して訪問別PVを改善する方法 : たき備忘録
http://blogger.weblix.net/2012/07/blogger-post-thumbnail-javascript.html


(4) 第三者提供の外部スクリプト

複眼RSS

登録したブログの記事の、サムネイル画像と記事タイトルをグラフィカルに表示できる、外部スクリプトです。

特徴
  • Blogger 以外の Feed の URL も使用できる
  • サムネイル画像の表示デザインを、グラフィカルユーザインターフェイスでいろいろと設定できる
  • 新着順以外の、ランダム表示も可能

[blogger]サイズ自由のサムネイル表示で、ランダムに記事を表示可能なブログパーツ!『複眼RSS』 - Sunabox
http://www.sunabox.net/2012/06/bloggerrss.html


FeedWind

貼るだけで使える無料のブログパーツです。

特徴
  • Blogger 以外の Feed の URL も使用できる
  • サムネイル画像の表示デザインを、グラフィカルユーザインターフェイスでいろいろと設定できる

登録不要のRSS無料ブログパーツ「FeedWind」を使ってみました - Dr.ウーパのコンピュータ備忘録 
http://upa-pc.blogspot.jp/2014/04/rssfeedwind.html


(5) 第三者提供のスクリプト(埋め込みか外部かは未チェック)

Blogger Buster

"Blogger Buster" から提供されている新着投稿のガジェットです。
2015/3/20 現在、ガジェットが破損しているようで、動作を検証することはできませんでした。

Google Blogger でサムネイルつき最新記事を表示するガジェット » Google BloggerブログHacks Tips Tweaks
http://www.blogger-customize-tips.com/2009/07/blogger-recent-posts-gadgets.html


その他

その他は調査中です。
良さそうなものがあれば、追加していきたいと思います。


まとめ

このように、Blogger にて新着情報を表示するための方法はいろいろあります。

ただし、新着情報を表示するのに必要なスクリプトを「外部」から読み込む形式のスクリプトの場合、時間が経過することで利用不能になっている場合があり注意が必要です。







関連記事

関連記事を読み込み中...

同じラベルの記事を読み込み中...
Related Posts Plugin for WordPress, Blogger...