2列の目次の作り方

「2列の目次の作り方」の有益情報をお届け!

アフィリエイト1年生のための パソコン・アフィリエイト講座

自由自在にパソコンを使えると、アフィリエイトが楽になります^^

2006年11月16日

2列の目次の作り方

じゅんさんからご質問いただいていたので、 私も目次を作ってみました^^
★ご挨拶
質問随時受付中です
はじめまして!
★パソコン
拡張子を表示させたい
パソコンのスペックの調べ方
メモリを足すと早くなる?
★トラブル
「システムの復元」って?
★入力方法
「っ」…「小さいつ」を書きたい
ハートマークを書く方法
★用語
★紹介
無料タイピングゲーム
初心者さんに選んでほしい
 情報商材

★ブログカスタマイズ
目次の作り方
行間を空ける方法
バナーの横に文字を書きたい
新着記事の日付を消したい
バナーを並べて表示させたい
テキストリンクを横に並べたい
画像の横に文字を書きたい
画像のリンク先を別窓で開く
リンク先を別窓で開く方法
自分のブログは今何位?
★LifeHack
疲れ目対策
★お願い^^
こだわりについて…
 ありがとうございます

こだわり…どう思いますか?


いかがでしょう? 使いやすくなったかな?
今回は「2列の目次の作り方」です^^

「目次の作り方」
seesaaブログの場合です!

1. まず最初に、自分のブログの記事を書いている部分の横幅を調べます

「デザイン」「スタイルシート」の中から
「.blog」と書いてあるところを探してください^^

「真・解体新書テンプレート」の場合は

.blog { 
width:400px; 
text-align:left; 
margin-top : 20px; 
} 
↑こんな風にかいてあります^^

2. この width:400px; という部分が横幅です。
  400px ってことですね^^

3. この幅の中に、縦に2列の目次を書きたいので、半分の数字を設定します。

が…実はブラウザごとにちょこっと違った見え方をしてしまうことがあるので
ちょうど半分ではなく、半分より少し少なめの数字を設定したほうが
危なくありません!

ここでは、190pxと設定してみます^^

4. ↓下のソースをコピーして、記事に貼り付けてください^^


------------------------------------------------------ここから

<table style="font-size: 12px; color: #000000;" width="190px" border="0" cellpadding="5" cellspacing="0" align="left">
<tr>
<td><strong>★カテゴリ名</strong><br />
├記事タイトル<br />
├記事タイトル<br />
└記事タイトル<br /></td>
</tr>
<tr>
<td><strong>★カテゴリ名</strong><br />
├記事タイトル<br />
├記事タイトル<br />
└記事タイトル<br /></td>
</tr>
</table>
<table style="font-size: 12px; color: #000000;" width="190px" border="0" cellpadding="5" cellspacing="0">
<tr>
<td><strong>★カテゴリ名</strong><br />
├記事タイトル<br />
├記事タイトル<br />
└記事タイトル<br /></td>
</tr>
<tr>
<td><strong>★カテゴリ名</strong><br />
├記事タイトル<br />
├記事タイトル<br />
└記事タイトル<br /></td>
</tr>
</table>
<br clear="all" />

------------------------------------------------------ここまで

5. よく見ると、
  ↓この固まりごとに、カテゴリわけがされていることに気づくと思います^^
<tr>
<td><strong>★カテゴリ名<strong /><br />
├記事タイトル<br />
├記事タイトル<br />
└記事タイトル<br /><td />
</tr>

そこで、ご自分のブログにあわせて、↑この固まりの個数を増やしてくださいね^^
6. 「★カテゴリ名」を自分のカテゴリ名に置き換えてください

7. 「記事タイトル」にはリンクを張りたいので、
  自分の記事のタイトルに置き換えた後、各記事へ
リンクの設定をしてください^^

8. さて、そのときにseesaaのリンクボタンを使うと、
target="blank" と自動で書き込まれてしまいます。
あんまり窓がたくさん開くのもどうかと思うので
この指定はとっちゃった方が、使う人には親切かな〜と思います^^
…好みですけど^^;

9. そしていつも通り、タグを書き込むときには下のほうにある
「記事設定」の中の「改行HTMLタグ変換」を右側の
「改行を<br/>タグに変換しない」に変えてくださいね!

10. そしてさらに、改行したいところ全部に
<br />と書き加えてください。(しつこいようですが半角で書いてね!)
一行分の行間を空けたかったら、そこにも<br />と書いてください。

この目次を未来の日付にしておけば、いつでもTOPに表示されるから
見に来てくれる人にとって、わかりやすいと思います^^


いかがでしょう?
今回はずいぶん長くなってしまいましたが…出来ましたか?


 ↓あなたのお役に立てましたか?
  応援クリックお願いします!
banner_02.gif
posted at 11:50
Comment(36) | TrackBack(1)
カテゴリー:ブログカスタマイズ
エントリー:2列の目次の作り方
この記事へのコメント
sumireさん、こんにちは、親Gです!
コメントありがとうございました。

ここは、なんとか被害は免れています。
例年こんなに次から次へと自然がイベントを催してくれることは記憶にないです。

一番恐怖なのは、やっぱり地震かな。ここ何年かで震度6・7の地震を3発くらってますからね。

私がまだ小学生だったとき、厚岸の牡蠣島(表面のほとんどが牡蠣の殻でできている島)で、それこそ牡蠣を食べているときにあった地震では、島がどんどん崩れていく恐怖と直後に津波がやってくる恐怖を味わいました。

津波の方は、すぐに漁船にのりこんで島を脱出し、津波が来るのよりも早く陸にたどりつけたからよかったものの、もし大きな津波がきて島に残っていたら、sumireさんとこうして、コメントを交わす事もなかったかもしれません。

そう考えると神に感謝しなければならないですね。人生多少はツキがあるのかもしれません。『応援ポチ!』
Posted by 親G at 2006年11月16日 12:12
すみれさん、こんにちは〜!
先日は、ありがとうございました。
とっても助かりました。
質問するってことは、質問のしかたとか
言葉とか、勉強しなければいけないから
質問することも勉強ですね。
また、メールさせていただきますね。

応援ポチ☆
Posted by momo at 2006年11月16日 14:36
どうも江口です。
おお〜、すみれさんタイムリーヒットですよ!
ちょうど目次について情報欲しかったんです^^
応援クリックぽちっとな〜
Posted by 情報請負人?江口陽介 at 2006年11月16日 14:45
すみれさん

先日はタイピングソフトの紹介、ありがとうございました。
いま一生懸命練習中です。待っててください!
クリスマスは予定なしです(笑)
Posted by 海月 at 2006年11月16日 17:08
sumireさん、こんばんは。

今ここでしばらく遊ばせてもらっていました。
目次があると色んな所にすぐ行けて
すごく便利ですね。

こだわりシリーズ、興味深く拝見しましたよ。
そしてわかった事。
sumireさんて、すごくいい人。

これからもず〜と仲良くしてくださいねm(__)m

また来ますね。
応援してま〜す!!   ポチ!
Posted by 開けたら閉める@おざピー at 2006年11月16日 21:26
すみれさん こんばんは

相変わらず初心者に優しい
サイトで感心します。
きっと目次作りたいけど
分からない人って多いと思いますよ。

話は変わりますが
僕のブログにいただいたコメント
ちょっとうれしかったです。
いつも有難うございます。

では、ポチッとな
Posted by 初心者おはち at 2006年11月16日 22:02
こんばんは、sumireさん。
ご訪問ありがとうございます。
sumireさんのブログのような目次(サイトマップというのでしょうか?)はどうやって作るんですか?とても見やすいですよね。
わたしのブログはGoogleアドセンスをもらうために、こんなになってますが(笑)、しばらくお付き合いください。
それでは、ランキング応援して、さようならです。
Posted by ケイ at 2006年11月16日 22:26
sumireさん、訪問ありがとう。
コメすげぇ〜感動しました。
サンキューです!

今日の記事は、大変goodだと思うのですが
記事書く度に更新が2つになりますよね。
この辺の裏技はありませんか?
自動反映してくれるような・・・甘いッすか?
Posted by ヘタ at 2006年11月16日 22:47
すみれ先生、こんにちは!

実は、今日この記事のこと質問しようとしてたんですよ!!
で、聞きに来たらこの記事があったので、早速やってみました^^

説明通りやったら簡単に出来ましたよ!

感謝&応援★ポチッ!!
Posted by ユータ@ブログアフィリエイトで月収50万!?初心者からでも簡単に稼ぐ方法 at 2006年11月16日 23:39
こんちわ〜^^

目次ってリンクさせていくのが面倒なんですよね
しないといけないんですが
なかなか(汗

リンク作業が追いついてません(涙

『応援ぽち♪』
Posted by 2児のパパ『とっくん』 at 2006年11月17日 00:27
こんばんは、おやぢです。

今日の記事は永久保存版でございます。
テキストファイルにして保存しちゃいました!

とっても助かります。

それでは☆応援ぽち☆
Posted by 楽しく稼ぐアフィリエイトの輪@おやぢ at 2006年11月17日 00:55
sumireさん、こんばんは♪

訪問&応援どうもでした♪
御無沙汰してます。キャロットです。

>素直に彼女を自慢できるのって素敵なことですね!
>いいなあ〜〜〜〜^^
>彼女も読んでるんですか?^^

彼女も読んでますよ〜。
ですので下手な事は書けません(笑)

目次良いですね〜。
作りたいんですけど、メルマガ優先してるもので
なかなかブログまで手が回らないんですよね(汗)

余裕出てきたら
このブログ隅々まで穴が開くまで読ませてもらいますよ。穴が開くまでね(何故か二回)

では、応援ポチ☆
おやすみんこです♪
Posted by 人気ブログアフィリエイト★これがキャロットの稼ぐ道 at 2006年11月17日 01:23
こんにちわ、にこりです。

今日のすっごくわかりやすかったです^^
自分にどう使えるかたのしみです。


にこりにっこり応援ぽちり♪
Posted by にこり@情報商材ほんとのところ at 2006年11月17日 05:11
すみれさん

はじめまして、ユータさんの記事を

見て来ました。ヤフオク情報商材鑑定士のコウです

これからよろしくお願いします。

応援ポチ!!
Posted by ヤフオク情報商材鑑定士 コウ at 2006年11月17日 05:38
どうも江口です。
すみれさん登録してくれたんですか?
どうもありがとう^^
きっとお役に立てると思いますよ。

応援クリックぽちっとな〜
Posted by 情報請負人?江口陽介 at 2006年11月17日 12:55
はじめましてsumireさん、

ユータさんの所から飛んできました。

感動です!!もっと早く知っていればよかった。

これから私のマニュアルにさせていただきます。

今後ともよろしくお願いします。

応援♪(。・・)σ
Posted by ★蓮★(れん)by情報商材100%稼ぐアフィリエイトマニュアル at 2006年11月17日 19:52
こんばんは、hiroです。

いつもコメントありがとうございます☆

このテクニックは自分知りませんでした〜^^

目次作る時はこれからこのようにやってみようと

思います!

応援ぽっちん☆

Posted by 雪国のhiro at 2006年11月17日 22:33
●親Gさん

>次から次へと自然がイベントを催してくれる
なんだか本当にそんな感じですよね^^;

牡蠣の殻の島? そこでの地震と津波への恐怖って…
いったいどんなに怖いんだろう(>_<)
想像も出来ません。
親Gさんと、今こうしてお知り合いになれてお話できるのが
本当に嬉しいです^^
ついてる♪ついてる♪←これは子供達と決めた魔法の呪文です^^


●momoさん

こちらこそ、メール嬉しかったです^^
質問の仕方…なるほど! 質問してくださる方も
質問の仕方で意外と困るものかもしれないですね…。

momoさんはこちらからの質問にしっかり的を射て答えてくださって
たので、とってもスムーズだったんですけど^^
これからも仲良くしてくださいね♪


●江口あんちゃん

目次…よかったら作ってみてくださいね^^
記事の数が増えちゃうと、大変になるから早目が楽ですよ〜^^
リードメールは根気と時間が要りますね^^;
思ってたより大変ですが、こつこつ頑張ります^^


●海月さん

あはは☆待つなんて…
お時間が合ったらチャットしましょうよ〜^^
お話できるの楽しみです♪
12月は誕生月でもあるので、クリスマスにお誕生日に
私はケーキ三昧です^^


●おざピーさん

優しいコメントありがとうございます〜^^
あの記事には…私のこだわりに皆さんが付き合ってくださって
コメントもたくさんたくさんいただいたんです。
改めて、初心に帰って頑張れる力になってます!

おざピーさんのコメントで、また元気が出ました^^
嬉しいです^^ ありがとうございます^^
本当にずっと仲良くしてください!


●おはちさん

目次って本当は応用で出来るんですが、難しそうですもんね^^
おはちさんは、説明するのがとっても上手だと思います。
いつもとってもわかりやすいですもん。
今度トラバもさせてくださいね^^


●ケイさん

あ、、やっぱりアドセンスのためでしたか…!
迷っちゃってコメントし辛かったんですが…
こちらがアフィリのブログだから、まずいかしら?
しばらく、書き込みはしないようにしますね!
こっそり見に行って、大丈夫になったらまた遊びに行かせて
くださいね^^


●隊長

私のほうこそ、いつも隊長には助けてもらってます^^
感動だなんて…、じゃあカニが届くかしら^^

ああ〜! 誰かに言われると思ってましたが、隊長に指摘されて
しまいましたね^^;
実はそうなんです! この目次は新しい記事を書くたびに
自分で目次を付け足して、更新していかないといけないんですよね^^;
自動反映は…カテゴリくらいなら出来そうですが…。
結構難しい話になってきます^^;
いつか、記事にしますね〜^^


●ユータさん!

記事にしてくださってるんですね!!!
何人もユータさんのところから遊びに来てくださってて…
本当に感激です(T-T)
ありがとうございます!
ユータさんはいつもすぐに試してみてくださるんですよね^^
で、出来たよって言ってくれるから…
とっても励みになります!
このブログ作ってよかったなあ…って^^
本当に、いつまでも仲良くしてくださいねっ!


●とっくん

記事数が多いほど、作るのは大変ですよね^^;
本当は自動で出来るといいんでしょうけど…
せめてカテゴリを小分けしていくとか、他の方法も
今度記事にしますね!
お子さん大丈夫ですか?
寒いし…冬の風邪も流行り始めましたね(>_<)


●おやぢさん

永久保存版? わ〜^^ 嬉しいです!
わざわざ保存してくれたなんて…。
さすが!やっぱりバックアップ大事だから〜^^
この記事時間かかったので、お役に立てたのが
とっても嬉しいです^^


●キャロットさん

彼女も読んでるんですね〜♪
じゃあ、もっともっと褒めてあげなくちゃ^^
穴が開くまで…あはは☆
ちょっと怖い気もしますが…またぜひ遊びに来て
くださいね^^


●にこりさん

お役に立てたなら嬉しいです^^
ちょっと手間がかかるんですが、目次があると便利なので
挑戦してみてくださいね^^
私ももうちょっと手を加えて、最新の記事が分かる様にしたいなと
思ってます^^
またぜひ見に来てくださいね♪


●コウさん

ユータさんのところからのご訪問!
ありがとうございます^^
大歓迎します!
これから仲良くしてくださいね〜^^


●蓮さん

またも、ユータさんのところから…(T-T)

>感動です!!もっと早く知っていればよかった。
ええ? 本当に?
うわあ…嬉しいです〜。
これからも役に立つ記事なるよう頑張りますので
ちょくちょく遊びに来てくださいね!


●hiroさん

これならテーブルタグなので、今までの応用で出来ると思うんですが
ついCSSいじらなきゃかな…とか敬遠しがちだと
思うんですよ^^;
でも、お役に立てたなら嬉しいな^^
応援ありがとうございます^^





Posted by sumire at 2006年11月17日 23:09
おはこんばんちは! 電脳牧師のたいぢです。

あら? 今朝アップしたコメントが登録されてないや。

CSSを使って段組作ろうとしているんですが、どうにもうまくいきません。で、ついついtable使ってレイアウトしちゃいます。簡単だし、わりと思い通りにレイアウトできるから、ついつい使っちゃうんですよね。

それでは! 応援ポチッ☆

笑顔同封 たいぢ
Posted by たいぢ@電脳牧師が100万円アフィリエイト at 2006年11月17日 23:14
すみれ先生、こんばんは!!

何度も訪問してくれてありがとうございます^^

自分の記事で、こんなに喜んでもらえるなんて、僕もとっても嬉しいです!

僕のようなPC初心者にもすぐに出来てしまう、すみれ先生の解説はみんなに喜ばれると思いますよ^^

こちらこそ、これからも仲良くしてくださいね!

応援★ポチッ!!
Posted by ユータ@ブログアフィリエイトで月収50万!?初心者からでも簡単に稼ぐ方法 at 2006年11月17日 23:59
sumireさん。

こんばんは。
@梅なんとかです。

さっそくコピーさせていただきます。
すごいです。

応援!
Posted by 90日でガッツリ稼ぐ情報商材@梅なんとか at 2006年11月18日 02:44
こんにちわ、にこりです。

sumireさん相互リンクのお誘いありがとう^^
遅くなりましたが、はらせていただきました。
これからも、どうぞよろしくです(*^。^*)

にこりにっこり応援ぽちり♪
Posted by にこり@情報商材ほんとのところ at 2006年11月18日 06:59
こんにちわ、じゅんです!

早速のご回答ありがとうございます!
感激ですぅ!

早速実行したいのですが、
今日から10日ほど旅に出ますので
しばらく実行できません...

訪問も出来なくなりますが、
記事の方は更新してゆくつもりですので、
これからもよろしくお願いします。


それでは、今日の応援ぽち!
Posted by 旅人起業家?じゅん at 2006年11月18日 09:12
どうも江口です。
あはは、最初はみんなそうですよね。
慣れるまでは登録サイト5つぐらいがいいと思いますよ。
あと説明不足だったのですが、すみれさんのブログにもご自分の紹介リンク貼ってみて下さい。
ダウン(2ティア)が付いていけば、すみれさんも稼ぎやすくなりますから。
応援クリックぽちっとな〜
Posted by 情報請負人?江口陽介 at 2006年11月18日 11:38
こんにちは!

おお!知りたかったことが!( -Д-)ノ

ありがたく使わせいただきまっす!

応援ぽち!
Posted by 最強素人☆すづき at 2006年11月18日 15:34
初めまして。
とっくんさんのところからきました。

パソコン講座・・ありがたいです^^

これから
ちょこちょこ顔出してよろしいでしょうか?

応援ポチッと!
Posted by お小遣いが欲しいnao at 2006年11月18日 17:40
はじめまして、ぱうぱうです!

カテゴリのインデックス、
とってもうれしい記事です。
ありがとうございます〜☆

これからもちょくちょくお勉強しにきまーす(^^)

応援ポチッ☆
Posted by アフィリエイト自由人生活スタイル@ぱうぱう at 2006年11月18日 18:13
sumireさん、こんにちは、親Gです!
「ついてる、ついてる」っていう魔法の呪文はいいですね。前向きのことばだから。

sumireさん、今日も仕事でしたか?
私は午後から夜まで仕事で、なかなかゆったりとした時間が取れないのが、残念です。インフォトップのことが気になりまして、ちょっとじっくり考えたいのですが、なかなか気持ちが整理できていないでいます。

『応援ポチ!』
Posted by 親G at 2006年11月18日 23:00
●たいぢさん

おはこんばんちは〜^^ あはははは☆
え?アップされてなかったんですか?
じゃあ、2回来て下さったのかしら…
たいぢさん、本当にいつもありがとうございます〜(>_<)

CSSでの段組ってきついですよね〜^^;
まだブラウザにバグも多いから…。
以前挑戦した時に、古いMacで見て泣きそうになりました^^;


●ユータさん

本当にいつもありがとうございます!
お友達も増えて嬉しいです^^
ユータさんのところへも、
ちょくちょく遊びに行かせてくださいね^^


●@梅なんとかさん

ユータさんのところに書いてくださったコメント
読みました^^
ありがとうございます!
嬉しかったです^^
梅さん(て呼んでいいですか?)コピーしてくださったんですね^^
ちょっと面倒ですけど^^;…ぜひぜひ試してみて
くださいね^^


●にこりさん

相互リンクありがとうございます^^
これからどうぞよろしくお願いします♪
また遊びに行きますね^^


●じゅんさん

10日間のご旅行! いいですね〜^^
お約束の「2列の目次の作り方」…もっと早くに
記事に出来ればよかったんですけど。
ブログカスタマイズはけっこう地道な作業なので…
帰国されてお時間のあるときにじっくり挑戦してくださいね^^
旅日記も期待しています^^


●江口あんちゃん

紹介リンク…そうですね^^
慣れるまで大変そうですが、ゆっくり頑張ります^^
まず時間を捻出しないと…!


●すづきさん

はじめまして^^ 応援ありがとうございます!
お役に立てそうですか? よかった^^
ぜひぜひ使ってやってください♪
私もすづきさんのブログへも遊びに行かせてくださいね^^


●naoさん

はじめまして^^
とっくんのところからいらしてくださったんですね^^
嬉しいです! ぜひぜひ遊びにいらしてくださいね〜
私ともこれから仲良くしてくださいね^^


●ぱうぱうさん

はじめまして^^ 目次の記事お役に立てそうですか?
ぱうぱうさんはRSSをTOPに配置してるんですね^^
なるほど〜、参考になります^^
私もちょくちょく遊びにいかせてくださいね〜^^


●親Gさん

午後からのお仕事の日もあるんですね〜
私は今日はお休みでした^^
でも子供の学校のイベントで一日出たり入ったり…
忙しい一日でした^^;

魔法の呪文、気に入っていただけました?
私も大好きで、半ば強制的に子供に言わせています^^;

Posted by sumire@パソコンインストラクター at 2006年11月19日 00:09
sumireさん、こんばんは。
この記事プリントしちゃいました。sumireさんのブログはタメになる記事が盛りだくさんですね。

この休日いろいろなサイトを見て回っているうちに
ちょっとしたお小遣い稼ぎのサイトをみつけちゃいました。もうご存知かもしれませんが、もしご存じなければ、登録おすすめです。なにせ月数万円稼いでいる人もいますから。

私のブログの一番上のふざけたバナーです。

【応援ポチ!】
Posted by 親G at 2006年12月04日 02:38
sumireさん、こんばんは&はじめまして。樂です^^
すみません、こちらにカキコするのは初なので「はじめまして」です(笑)
某所ではお世話になっておりますm(_ _)m

こちらの記事、大変参考になりました。
利用させていただくにあたり、ごあいさつせねばと
カキコさせていただきました♪

応援(*^_^*)ポチリ
Posted by 樂@ママアフィリエイター at 2006年12月11日 20:11
こんにちは、sumireさん

けいたんです^^

今から「2列の目次の作り方」を参考にして目次作成に挑戦してみます!

なんか面倒くさそうですね、できるかなぁ^^;

応援ポチッ!




Posted by 失敗しない情報商材選び!本音でレビュー! at 2007年01月27日 14:40
sumireさん、こんにちは。
目次、がんばって作ってみました。
うまくできたと思います。

画像の右に文字を置くのもやってみています。
次は何に挑戦しようかしら…
では、また伺います。
Posted by 望海 at 2007年01月30日 21:05
こんにちわ!
2列の目次の作り方、別のブログでやってみようかな。
いきなり今のブログでやると失敗したら怖いし。
いい情報ありがとうございます。
応援ぽち!
Posted by ナルト at 2007年02月15日 11:09
どうも

フリーマンです、

GAKUさんのサイトからきました。


サイトマップの情報を参考にします。

オーエンとおーえんします。


タマはぐずってこなかったので


次回は怪物君ときます。

Posted by フリーマン at 2007年08月07日 21:11
またまた、お久しぶりです。
ブログ作成で、わからないことがあったら、sumireさんのブログをのぞかせてもらっています。
今日も参考にさせてもらいました!
Posted by 親G at 2008年02月12日 13:46
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

この記事へのトラックバック

ブログ目次はスッキリ!カスタマイズ
Excerpt: ブログは、第1印象が1番重要です。 私が、表紙で重要視しているポイントのひとつは、 ブログの目次です。いかに、訪問者が求めているものに ひと目で分かりやすく行き着けるか。 (当ブログの場合は、お..
Weblog: モーレツサラリーマンでも着実に稼げる!笑顔のブログアフィリエイト教室^^
Tracked: 2007-07-19 15:51
×

この広告は90日以上新しい記事の投稿がないブログに表示されております。