暇人北っちの趣味ブログアフィリエイト。

ギター、ゲーム、アニメ。やりたいことに時間とお金を使おう。

テーブルタグを一瞬で作成出来るサイト~商品価格を一覧表示!~

どうも、北っちです。

今日は趣味ブログ、物販ブログに
かな~り使えるテーブルタグをご紹介!

これまじで使えますから。

テーブルタグって何??

テーブルタグと言うのはHTMLの一種で
これを使うと情報を整理して表示させる事が可能です。

こんな感じ↓

1-1 1-2
2-1 2-2
3-1 3-2

ね、普通に表示させるよりも
かなり見やすくなったでしょ?

これを使えば、

  • 商品の価格比較
  • ASP毎の情報整理

といった一覧表示を見やすく
表示出来ちゃうんです。

べんりですなあ。

しかし、テーブルタグを1から作るのは
少々面倒くさい・・・。

いや、できなくは無いんですが
少しHTMLを勉強しないといけないんですよね。

初心者の方にそんなことで
時間を使ってほしくない・・・

ということで簡単にテーブルタグを
作る事が出来るサイトをご紹介!!

テーブルタグ1

→テーブルタグ作成ツールはこちら

このサイトは面倒なHTMLの
知識を使わず、簡単な設定だけで
テーブルタグを作成出来る素敵なサイト。

上のサンプルもココで作りました。

 

◇テーブルタグを作ろう!

それでは一緒に作ってみましょう。

テーブルタグ2

ここでテーブルの詳細を決めていきます。

一度にやるのではなく、
左側、右側と分けて説明していきますね。

テーブルタグ3

まずは左側の設定から。

◇列数と行数

列が縦、行数が横になります。

今回は列を2、
行数を3にしましょう。

項目が多くなる場合は
数に合わせて変更してくださいね。

 

◇表の大きさ

ここでテーブルの大きさを決めます。

が、北っちがワードプレス、
FC2、シーサー、忍者ブログで試した所
設定しなくても記事の幅に合わせてくれます。

なので設定しなくてもOK。

 

◇枠線・余白

枠線の太さやセル(項目)の
余白を決めるエリア。

わからなければ変更しなくてOKです。

「枠線の表示」だけは
「表示する」に設定しておきましょう。

表示しないにすると
外枠がないのでわかりづらいです。

 

テーブルタグ4

 

◇背景色

項目の背景の色を決めるエリア。

基本的に白が一番見やすいので
そのまま変更なしでお願いします。

もし色を変更したい場合、

  • 表の背景色 (色見本)
  • セルの背景色 (色見本)

2つの右にある色見本をクリック。

テーブルタグ色

すると色の見本がずらっと表示されます。

この中から好きな色を選んで、
赤枠のところをコピーします。

そして先程の表の背景色、
セルの背景色のところに貼り付けます。

これで色の変更が出来ます。

 

例えばこんな感じ。

テーブルタグ5

 

◇文字の表示位置

セル(項目)内に表示させる
文字の位置を決める項目。

おすすめは

  • 横方向→左寄せ
  • 縦方向→中央

がいいですね。

 

◇見出しセル

見出しとはこのような感じです。

会社 値段
2-1 2-2
3-1 3-2

一番上の段に項目の
説明をいれたり出来るので
使いドコロによっては便利です。

注意点として、列を2、
行数を3にてて見出しをつけると・・・

見出しに1行使うことになります。

つまり、3行作りたいなら行数を
見出し分もいれて4に設定する
必要があるということです。

この見出しも表の背景色と
同じように色をつける事が可能です。

これで設定はおしまい。

 

 

設定エリアの左下に
今のテーブルがどのように
表示されるのかプレビューされるので
確認しながら設定していきましょう。

完成したら、下のソースを
全て選択してコピーします。

コード完成

ここね。

メモ帳にでも貼り付けて、
「テーブルタグ」と名付けて
保存しておくと使いまわせます。

あとはあなたの運営している
ブログに貼り付ければOK。

 

例として、シーサーブログと
ワードプレスの画面を載せておきます。

シーサー

シーサーテーブルタグ

ワードプレス

ワードプレステーブルタグ

 

これで表示させると・・・

シーサーブログ

シーサーテーブル1

 

ワードプレス

ワードプレステーブル1

このようになります。

一度作ってメモ帳に保存しておけば
使いまわせるし、綺麗に
表示させることが出来るのでお試しあれ。

 

LEAVE A REPLY

*

あなたの好きなことをブログにして楽しくお金を稼ぐ方法、知りたくない?

あなたの好きなことをブログにして楽しくお金を稼ぐ方法、知りたくない?
「アニメが好き!」「ニコ厨で毎日ニコ動見てる」
「音楽聞いたり、ライブが好き」「ゲーム大好き。新作プレイしたい」

でも・・・好きなだけやる時間とお金がないorz

めんどくさい仕事やらバイトは楽しくない。どうせやるなら楽しいことでお金を稼ぎたい。

ほんとそれ。なのでそんな自分の好きなことで楽しくお金と時間を手に入れる方法をお届けするよ。

アフィリエイト初心者講座

初心者の頃ブログアフィリエイトで月5000円稼げない理由まとめ

初心者の頃ブログアフィリエイトで月5000円稼げない理由まとめ

ブログアフィリエイトを始めた初心者がまずぶち当たるのが、 ブログ始めてみたけど全然稼げない・・・ 月5000円ですら稼げないんだけどなんでなの? 上手くいかない理由を知りたい! っていうこと。これは過去の北っちも全く同じことを思...
More

ブログアフィリエイト基礎講座

趣味ブログでお金を稼ぐ以外によかったこと、メリット3つ。実体験編。

趣味ブログでお金を稼ぐ以外によかったこと、メリット3つ。実体験編。

今日は趣味ブログをやっていく上で、「お金を稼げるようになる」以外のメリットというのがテーマ。 「はあ?ブログでお金稼げるのが一番なんじゃないの??」 うん、それはそうなんだけど北っちがブログを続けてきて「お金」以外に得られたもの...
More

◇相談・お問い合わせはいつでもどうぞ!

お問い合わせ

Return Top