2014/12/20

Blogger JSON Feed API

Blogger内だったら、Google Feed Api不要?

Blogger JSON Feed APIってのがあるようだ。

元ネタ:http://www.danpros.com/2013/08/blogger-json-feed-api


DEMO


コード

 <script type="text/javascript">  
  function mycallback(json) {  
  for (var i = 0; i < json.feed.entry.length; i++) {  
   for (var j = 0; j < json.feed.entry[i].link.length; j++) {  
   if (json.feed.entry[i].link[j].rel == 'alternate') {  
   var postUrl = json.feed.entry[i].link[j].href;  
   break;  
   }  
  }  
  var postTitle = json.feed.entry[i].title.$t;  
  var postdate = json.feed.entry[i].published.$t;  
  var pyear = postdate.substring(0,4);  
  var pmonth = postdate.substring(5,7);  
  var pday = postdate.substring(8,10);  
  var pudate = pyear + "/" + pmonth + "/" + pday + " ";  
  var item = '・<a href=' + postUrl + '>' + pudate + postTitle + '</a><br /><br />';  
  document.write(item);  
  }  
 }  
 </script>  
 <script src="http://pon250.blogspot.jp/feeds/posts/summary?category=blogger&orderby=published&max-results=30&alt=json-in-script&callback=mycallback"></script>


↑上記、赤文字、Blogger URL、カテゴリ名(カテゴリ指定なければ削除)、max-resultを変更。
※<lt>、<div>、をブロガーのHTML編集画面に入れると、[更新]後に、余計な改行を入れられ、動作しなくなる。

→続き:Bloggerだったら、Google Feed Api不要?(サムネイル付き)

2014/12/12

Blogger トップページを固定ページにする

Bloggerをつかって、ホームページ風にしたいとき、

URLを入力すると、標準では、最新投稿順に表示されるけど、
それを固定ページにしたいとき。
のメモ。
  1. Bloggerダッシュボード、[ページ]から、[新しいページ]を作って、URLを確認しておく。
    例) http://pon250.blogger.jp/p/blog-page.html

    追記)新しいページを作る時、タイトルを「index」としておくと、ファイル名が「/p/index.html」になるので、こっちのほうがかっこいいかも。
    (後にタイトルを変更してもファイル名は変わらない。)

  2. Bloggerダッシュボード → 設定 → 検索設定
    エラーとリダイレクト カスタムリダイレクト 編集
    リダレクト元 [ / ]
    リダイレクト先 [ /p/blog-page.html ] ←1.のもの
    永続的 [ x ]
    保存
    変更を保存

  3. 以上で、
    http://pon250.blogger.jp/ として入ってきても、
    http://pon250.blogger.jp/p/blog-page.html のページが表示される。
    と、今度、ブログの投稿表示ができなくなってしまうので、
    レイアウトから、ガジェットを追加、基本 → ページ
    [x] トップページ
    +外部リンクを追加
    ページタイトルを入力 [ 投稿一覧 ] (←なんでもいい)
    ウェブアドレス(URL) [ http://pon250.blogspot.jp/search/label/ ]
    として、メニューを作っておくと、一覧表示できる。

サンプル → http://pon250-1.blogspot.jp/