▼ 比較記事に一発リンク! ▼
ライブドアブログ  エキサイトブログ  ヤプログ![NEW!]  FC2ブログ  JUGEM  シーサーブログ  はてなダイアリー  ココログ  アメーバブログ  gooブログ  ドリコムブログ[NEW!]  楽天広場  Yahoo!ブログ  Autopage  ウェブリブログ  PlayNC Blog[NEW!]  ブログ人  So-net blog  忍者ブログ
最新記事10件 ブログサービスを比較する ブログを作る
ブログの記事いろいろ ブログでアフィリエイト リンク集
ボタンを押すとより詳細なメニューに飛びます
アクセストレードレビュー
 ★ブログでレビューを書いてみよう!-アクセストレードレビュー

ブログに目次を作る方法 (ライブドアブログのみですが…)




このブログをご覧いただくと、トップページの上部に「このブログではこのあたりを見るといいんじゃないかな? 」と書いてある目次の部分があることに気づかれると思います。

ブログは更新が簡単で、ガンガン記事を積み上げていくことができるのですが、その分情報を整理して見せるということが苦手であるという特性があります。

このブログではそれを補うために、このように自分でCSSとHTMLをいじって目次を作り、ユーザビリティが少しでも向上するように工夫しています。


本来は自分のブログ用に作った目次のフォームなんですが、ライブドアブログ内においてはけっこう汎用性があるかと思うので、今回最低限のHTMLの知識がある人なら自分のブログで使えるように、ソースを公開してみました。

アップロードしたテキストファイルに使い方とHTML・CSSのソースが書いてあるので、適宜ダウンロードしてお使いください。

これを使うと、このブログと同じような目次を自分のブログに表示することができるようになります。
▼このファイルを保存して使ってください▼
menu.txt

当然のことながら、これが使えるのはライブドアブログ限定です。

CSSについてまったくわからない人でも使えるようにしていますが、さすがにHTMLについては最低限の知識がないと、ちょっと使うのは難しいと思います。

また、お使いのデザインテンプレートによって目次欄の横幅やバックカラーなどいろいろな調整が必要になりますので、そのあたりはちょっと根気が必要です。


「使い方がわかりません」という個別の質問にはさすがに対応できませんが、今後改良を加えたいので、使ってみた感想や説明の不十分なところなどを書き込んでいただけるとありがたいです。

よろしくお願いします。

【人気ブログランキング】お役に立ちましたらワンクリックお願いします!
人気ブログランキング
■ 使えるテクニック! : comments (10) : trackbacks (2)
<< 【ブログ入門】 ブログのテーマの設定のコツ : main : はてなダイアリーの住所登録必須化に思う >>

Comments

Comment Form

  

Trackbacks

Trackback url :
このブログについて
  • 管理人が実際にブログを借りて、大手どころの無料レンタルブログサービスを比較・調査します。
    どのブログを使っていいか迷っている方、ブログの引っ越しを考えている方必見!
newsing + α
スポンサードリンク
記事カテゴリー
月別アーカイブ
新着記事
スポンサードリンク
Profile

zumeblog @ nifty.com
管理人へのメールは上記のメルアドまで。(@マークを半角に直し、スペースを詰めて送ってください。)
なお、多忙につき、ブログの使い方や「どこのブログがおすすめ?」などの質問にはほとんどお返事することができません。
↓自画像?↓
zume
週刊アスキーに掲載されたときにイラストレーターの方に(想像だけで)描いていただいた自画像?です。
コメント&トラックバック
  • トラックバックスパム対策のため、送信先の記事に対するリンクがないトラックバックは自動的に削除されます。ご了承ください。
    なお、コメントは即時反映です。
ブログ関連書籍
Other