【Blogger】全記事一覧を表示するページを作ってみた。

2013年6月10日月曜日

Blogger

t f B! P L

20130610214603.jpg

はじめに


投稿数が結構な数になってきましたので、今までの投稿を一覧で表示出来るようにしてみました。




方法


とてもありがたい事にこちらの記事のまんまやると出来ました。

[blogger]「All Posts」を作ろう!ページリストで全記事の一覧を表示するスクリプト。 - Sunabox


新しいページを作って、こんなコードを貼るだけです。
URLの部分をご自身のBloggerのURLに変えてください。

<h3>全記事一覧(日付順)</h3>

<script style="text/javascript" src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js"></script>

<script src="http://fccreator.blogspot.jp/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc"></script>


また、僕の場合は大量に表示するのには、ちょっと文字が大きすぎたので、このページだけ文字を小さくするようにCSSを書きました。

/* 全記事一覧用 */

#post-body-4155642967119666243 ol li{

font-size:0.8em;

}


また、ページの切り替えナビゲーションの見た目を整えるために、
先日、Yahoo!incから出た、Pureと言う、CSSフレームワークを使ってみました。

Pure


デザインセンスがなくても、それらしく出来るこういうフレームワークは助かります。


最後に


簡単に出来てしまったので、びっくりです。

自分で自分の記事探すの意外と面倒なんですよね。

これからは、このページを検索すれば出来るので、多分、僕が一番助かる。

以上です。


過去の記事

ラベル

アプリ (545) iPhone (485) mac (244) 買い物 (89) 番外 (87) ブログ (74) 書評 (68) 写真 (64) Blogger (63) 仕事 (55) webサービス (51) 生活 (50) todo (38) tips (36) rss (33) DVD (24) DraftPad (23) music (19) 外食 (14) 機種変更 (14) メール (13) ニュース (12) お出かけ (11) まとめ (11) アクセス解析 (11) HTML (9) ドラマ (8) vba (7) 絵本 (7) Excel (6) Textwell (6) web (4) libreoffice (3) twitter (3) 勉強 (3) basic (2) 素材 (2)

ブログを検索

QooQ