<script type="text/javascript" src="http://tools.kuribo.info/blogtoc/blogtoc-beta.js"></script> <script type="text/javascript" src="http://www.kuribo.info/feeds/posts/summary?redirect=false&max-results=500&alt=json-in-script&callback=loadtoc"></script> 手順はこれだけです。めちゃくちゃ簡単ですね。 ちなみに… サイトマップページを作成する上では別に知らなくてもいいことなんですが…、コードの青字部分は元々のコードをクリボウが変更した点です。 このサイトマップ表示ツールは Blogger ブログのフィードを利用していますが
ホーム（Home）やラベルページでは複数記事がリストされ、無駄にページが伸びて読みずらい事があります。 @Bloggerの設定で1ページに表示する記事数を１件に設定してしまえば、個別ページをラベルやHomeなどのリストページの意味がなくなってしまいます。 リストページ表示時には、サマリーとして記事内容の先頭何文字かだけ抜粋し簡素化して表示にした方がターゲットの記事が探しやすいでしょう。 という事で、サマリー表示のコードをGoogle検索で探しだして導入しておりました。 しかし、適用したコードでは以下の問題が気になりました。 改行タグまで消去されてしまい読みづらい。 サムネイル画像の縦横比によってサマリー位置のズレが気になる。 この問題を解決するために、コードを改良して適用すると以下の表示のようになります。 サムネイル画像が縦長・横長でも位置ズレしない 対応ブラウザ @IE @Chrome
Columnas 100% altas Columnas 100% altasのエントリーでは、下記のデモのように高さの異なるdivで組んだカラムの高さを揃えるスタイルシートを紹介しています。 sample:高さがばらばらのdiv sample:高さが揃ったdiv スタイルシートは、各divに対して「padding-bottom」と「margin-bottom」に同じ数値をプラス値とマイナス値で指定を行い高さを揃え、それらのdiv要素を包んだdivで「overflow:hidden;」を指定します。 詳しくは、最小限にしたサンプルを作成したので参照ください。 高さの異なるカラムを揃えるスタイルシートのサンプル 下記の「32768px」って、何か特別な意味があるのでしょうか。
レイアウト用のウィジェット タグの記事に記載されているとおり、さまざまなタグを使って、テンプレート内に特定の種類のデータを含めることができます。タグはすべて <data:name/> または <data:name1.name2/> でフォーマットされます（name の部分は使用するデータの名前）。name1.name2 の例の場合、name2 は、name1 という名前のデータセット内のある特定のアイテムのことを指します（photo.url など）。 以下は、使用可能なすべてのデータをまとめたリストです。ウィジェットのタイプによって使用するデータが異なるため、ページ要素別に整理されています。 グローバルに利用可能なデータ ページヘッダー ブログ投稿 ブログのアーカイブ プロフィール テキスト / HTML / JavaScript フィード 写真 ラベル リスト リンクリスト ロゴ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く