記事インデックスの作成方法 現役システムエンジニアが教えるネットdeサクサク稼ぐ副業術

情報商材本音暴露レビューブログ。どんな優良商材も辛口視点でレビューします。使える無料レポートの厳選レビューあり。

ホーム > スポンサー広告 > 記事インデックスの作成方法ホーム > [ブログカスタマイズ]ツリー化 > 記事インデックスの作成方法

スポンサーサイト


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | トラックバック(-) | コメント(-)

記事インデックスの作成方法


   

お待たせしました。記事インデックスの作成方法です。

前回の記事で、テーブル(表)を使って作成するってヒントを書きました。

しかし、HTMLを少し勉強しないとなかなか進められない様ですね。

ということで、ご参考までに私のブログで使った記事インデックスのHTMLをご紹介します。


テーブル(表)とは、HTMLで<table>というタグを使って作成します。
記事一覧にする場合、「罫線なし」、「背景色の指定なし」で作成します。

それでは、私のブログの記事一覧のように、2カラム方式(左右インデックス)の記事一覧の作成方法です。

人気ブログランキング

FC2ブログランキング

くつろぐランキング
■左インデックスの作成

<table width="233" border="0" cellspacing="0" cellpadding="10" align="left">
<tr>
<td width="213"><font size="1"><b>◆カテゴリ名</b><br>
├<a href="記事URL1">記事名1</a><br>
├<a href="記事URL2">記事名2</a><br>
├<a href="記事URL3">記事名3</a><br>
└<a href="記事URL4">記事名4</a><br>
</td>
</tr>
</table>

こんな感じで1つのカテゴリのかたまりができます。
コレを複数並べていけば、左メニューの完成です。

↓こんな感じです。
<table width="233" border="0" cellspacing="0" cellpadding="10" align="left">
<tr>
<td width="213"><font size="1"><b>◆カテゴリ名</b><br>
├<a href="記事URL1">記事名1</a><br>
├<a href="記事URL2">記事名2</a><br>
├<a href="記事URL3">記事名3</a><br>
└<a href="記事URL4">記事名4</a><br>
</td>
</tr>
<tr>
<td width="213"><font size="1"><b>◆カテゴリ名</b><br>
├<a href="記事URL5">記事名5</a><br>
├<a href="記事URL6">記事名6</a><br>
├<a href="記事URL7">記事名7</a><br>
└<a href="記事URL8">記事名8</a><br>
</td>
</tr>

   好きなだけ入れましょう

</table>


■右インデックスの作成

<table width="233" border="0" cellspacing="0" cellpadding="10" >
<tr>
<td width="213"><font size="1"><b>◆カテゴリ名</b><br>
├<a href="記事URL9">記事名9</a><br>
├<a href="記事URL10">記事名10</a><br>
├<a href="記事URL11">記事名11</a><br>
└<a href="記事URL12">記事名12</a><br>
</td>
</tr>
</table>

こんな感じで1つのカテゴリのかたまりができます。
コレを複数並べていけば、右メニューの完成です。

↓こんな感じです。
<table width="233" border="0" cellspacing="0" cellpadding="10" >
<tr>
<td width="213"><font size="1"><b>◆カテゴリ名</b><br>
├<a href="記事URL9">記事名9</a><br>
├<a href="記事URL10">記事名10</a><br>
├<a href="記事URL11">記事名11</a><br>
└<a href="記事URL12">記事名12</a><br>
</td>
</tr>
<tr>
<td width="213"><font size="1"><b>◆カテゴリ名</b><br>
├<a href="記事URL13">記事名13</a><br>
├<a href="記事URL14">記事名14</a><br>
├<a href="記事URL15">記事名15</a><br>
└<a href="記事URL16">記事名16</a><br>
</td>
</tr>

   好きなだけ入れましょう

</table>


これを、あなたのブログのトップ記事に貼り付ければ完成です。
どうですか?すごく簡単でしょ?

ちなみに、
●テーブルの幅:td width="数字"
●フォントサイズ:font size="数字"(1が1番小さい)


は、あなたのブログに合わせてご自由に変更してください。


また、分かりやすい無料レポートがありますので、
そちらをご参考にして頂ければ必ずできると思います。


私のスカイプ友達:さらさんのサイト
イラストレーターが語る初心者の為の本当に稼げるアフィリエイト講座

に行ってみると、トップメニューに記事インデックス作成無料ダウンロード
の案内が出ますので、
そちらを見てもらえるといいかもしれません。

めちゃめちゃ分かりやすい無料レポートです。


どうしても分からない方は、フォローしますのでコメントください。
それでは、ご閲覧頂き有難う御座いました。

↓あなたの1票が励みになります!!
   
スポンサーサイト
こんにちは、Hayatoです。

見やすいインデックスですよね!!
美しい!!


応援!
[ 2006/07/27 10:09 ] [ 編集 ]
皆分かりやすくて、インデックスブームなるかも~^^
楽しみだね!!
[ 2006/07/27 11:24 ] [ 編集 ]
こんにちは~めろです(^ヘ^)v

改名のお知らせに来ました~♪
単純にひらがなにしただけですが・・・・・

これからもヨロシクね~♪
[ 2006/07/27 16:20 ] [ 編集 ]
ロッキーさん、こんばんわ^^。
インデックス、こうやって作るんですかー。
でも、私がやると果たして何日かかることやら…。
もっとPC勉強しないとダメですね。
ポチ!
[ 2006/07/27 21:21 ] [ 編集 ]
ロッキーさん、ういっすv-222
kazasukiでーす!

明日は休み?僕はもちろん仕事っす!!

では、サラリーマン頑張りましょう!

いつもの応援ポチヾ(^O^)
[ 2006/07/27 23:19 ] [ 編集 ]
ロッキーさん、ちはっす♪

ふむふむ。。なるほどぉ。。
いざ見てみますとほんとに簡単にできちゃうんですね。
驚きです。

では、また来ますね。応援♪
[ 2006/07/28 00:40 ] [ 編集 ]
詳しく説明してあるので
分かりやすいよね・・。
今になって考えると、たいした記事書いてない・・・(爆)
ちょっと記事も整理して
インデックスも挑戦しなきゃー
(*・ω・)(*-ω-)(*・ω・)(*-ω-)ウンウン♪
ほんと参考になりますぅ~v-238
[ 2006/07/28 08:56 ] [ 編集 ]
こんにちは♪
ネット収入ステーション☆ありさんの
コメントから来ました^^

いろいろな事がとても分かりやすく
書いてあるので、参考にさせて頂きます♪
応援ぽちっ(^0^)ノ
[ 2006/07/28 12:12 ] [ 編集 ]
コメントの投稿













管理者にだけ表示を許可する
超初心者の方向けにメルマガ配信中♪

登録フォーム
解除フォーム
まぐまぐ

⇒自己紹介
ロッキー
Author:ロッキー
ネットビジネスって難しそう?
何から始めたらいいか分からないし・・。
情報が氾濫していて何を信用したらいいのか?PCのスキルもない
し・・。 って方の為に、無料で配信致します。

ブログ管理人について

ロッキー

Author:ロッキー

カテゴリー
My Yahoo!に追加
ブログ検索


上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。