ブログに表を載せる方法♪

ブログに表＆枠を掲載する為には、HTMLを挿入しなくてはなりません!
でも大丈夫＾＾♪
下のHTMLを全部コピーし貼り付け、自分流にアレンジをすれば
すぐにできます(*´∇｀*)♪

● タイトル ●

▲▲▲	▲▲▲	▲▲▲
□□□	□□□	□□□
◆◆◆	◆◆◆	◆◆◆
▲▲▲	▲▲▲	▲▲▲
□□□	□□□	□□□
◆◆◆	◆◆◆	◆◆◆

↑この表の作成は�@を参考にして下さい＾＾♪

●タイトル●

●●	▲▲▲	◆◆◆
●●	▲▲▲
◆◆◆
●●	▲▲▲
◆◆◆
●●	▲▲▲
◆◆◆
●●	▲▲▲
◆◆◆
●●	▲▲▲
◆◆◆

↑この表の作成は�Aを参考にして下さい＾＾♪

Seesaaブログに掲載する場合
※このHTMLは掲載したい記事投稿の画面に入力します!ブログ本来のHTMLや
　スタイルシートをいじる訳じゃないので簡単にできますヨ＾＾♪
・[記事投稿]-[記事を書く]に、いつも記事を書くようにコピーした下記の
　HTMLを、そのまま貼り付ける！
・Seesaaブログで表を挿入する場合は[記事を書く画面]の下の方にある
　[この記事の詳細設定]で[改行HTMLタグ変換]で
　<改行を＜br/＞タグに変換しないにチェックをいれましょう!
　ココでチェックをいれないと、表がうまく表示されませんので(；〜；)注意!
　それから、ココで<改行を＜br/＞タグに変換しない>にチェックをいれた事で
　記事中の本文も改行されなくなってしまいます＞＜！面倒ですが…
　改行個所には、手動で改行タグを挿入していかなくてはなりません!
　改行したい場所には＜br/＞を入力して改行させましょう!

�@の表のHTML
<table cellpadding="4" border="3" width="459" height="120" bordercolor="#ff98ff" cellspacing="0" bordercolorlight="#ff98ff" bordercolordark="#ff98ff"> <tbody> <tr> <th width="153" bgcolor="#ffcbff"><font size="-1">▲▲▲</font></th> <th width="153" bgcolor="#ffcbff"><font size="-1">▲▲▲</font></th> <th width="153" bgcolor="#ffcbff"><font size="-1">▲▲▲</font></th> </tr> <tr> <th width="153"><font size="-1">□□□</font></th> <th width="153"><font size="-1">□□□</font></th> <th width="153"><font size="-1">□□□</font></th> </tr> <tr> <th width="153"><font size="-1">◆◆◆</font></th> <th width="153"><font size="-1">◆◆◆</font></th> <th width="153"><font size="-1">◆◆◆</font></th> </tr> <tr> <th width="153" bgcolor="#ffcbff"><font size="-1">▲▲▲</font></th> <th width="153" bgcolor="#ffcbff"><font size="-1">▲▲▲</font></th> <th width="153" bgcolor="#ffcbff"><font size="-1">▲▲▲</font></th> </tr> <tr> <th width="153"><font size="-1">□□□</font></th> <th width="153"><font size="-1">□□□</font></th> <th width="153"><font size="-1">□□□</font></th> </tr> <tr> <th width="153"><font size="-1">◆◆◆</font></th> <th width="153"><font size="-1">◆◆◆</font></th> <th width="153"><font size="-1">◆◆◆</font></th> </tr> </tbody> </table>

�Aの表のHTML
<table cellpadding="4" border="3" width="459" height="120" bordercolor="#ff98ff" cellspacing="0" bordercolorlight="#ff98ff" bordercolordark="#ff98ff"> <tbody> <tr> <th width="29" bgcolor="#ffcbff"><font size="-1">●●</font></th> <th width="105" bgcolor="#ffcbff"><font size="-1">▲▲▲</font></th> <th width="325" bgcolor="#ffcbff"><font size="-1">◆◆◆</font></th> </tr> <tr> <th width="29" bgcolor="#ffffff"><font size="-1">●●</font></th> <th width="105" bgcolor="#ffffff"><font size="-1">▲▲▲</font></td> </tr> <td width="325" bgcolor="#ffffff"><font size="-1">◆◆◆</font></td> </tr> <tr> <th width="29" bgcolor="#ffffff"><font size="-1">●●</font></th> <th width="105" bgcolor="#ffffff"><font size="-1">▲▲▲</font></td> </tr> <td width="325" bgcolor="#ffffff"><font size="-1">◆◆◆</font></td> </tr> <tr> <th width="29" bgcolor="#ffffff"><font size="-1">●●</font></th> <th width="105" bgcolor="#ffffff"><font size="-1">▲▲▲</font></td> </tr> <td width="325" bgcolor="#ffffff"><font size="-1">◆◆◆</font></td> </tr> <tr> <th width="29" bgcolor="#ffffff"><font size="-1">●●</font></th> <th width="105" bgcolor="#ffffff"><font size="-1">▲▲▲</font></td> </tr> <td width="325" bgcolor="#ffffff"><font size="-1">◆◆◆</font></td> </tr> <tr> <th width="29" bgcolor="#ffffff"><font size="-1">●●</font></th> <th width="105" bgcolor="#ffffff"><font size="-1">▲▲▲</font></td> </tr> <td width="325" bgcolor="#ffffff"><font size="-1">◆◆◆</font></td> </tr> </tbody> </table>

アレンジの仕方
・使用しない行は削除してもOK!＜tr＞〜＜/tr＞がセットです!
　セットで削除しましょう♪行を増やしたい時も一緒!セットで増やしましょう♪
・HTML内の数字を変更すれば幅や行を変更できます!
・＜"#ffffff"＞このような記号は色を表しています!色を変えたい時は
　6桁のｱﾙﾌｧﾍﾞｯﾄを変更します!色の見本はネットで簡単に調べられます♪

慣れるまでは大変ですが、表を挿入する事によってブログの見栄えが全然違います!
私も表の作成には大分なれてきました＾＾；ちなみに上記の２つの表は
私のブログのTOPページでしようしている表です♪サイトバナーを挿入すると
枠も広がって見栄えがかわります♪保存さえしなければ、何度でも
やり直しができるので、まずは[記事を書く]画面で練習するといいと思います♪

「TOPに戻る」をつけるには！

最近ブログｗを頑張って更新しているせいで
ブログＴＯＰページが多少長くなりつつある┐(´ー｀)┌

これじゃ〜下まで見てくださっている方が
上に戻るのにアクションを起こさなくてはいけなく
日々申し訳なく思ってました( ﾟДﾟ)！

そこで…

[このページのＴＯＰに戻る]

をつけてみました

付け方は簡単ですｗ
是非自分も付けてみたいと思っている方がいたら
やってみてください＾＾♪

方法は下記に書いておきます（*゜▽゜*）

続きを読む

スタイルシートの模様替え♪

ずっと地味だったテンプレートに
ちょっぴり不満を持っていたので
スタイルはそのままにして各色彩を変えてみましたｗ

[変更前]

地味ですよね＾＾；

[変更後]

少し明るくなったかなｗ

やり方はとても簡単ｗ
よろしかったら参考にしてください＾＾↓続きを読む

忍者カウンター設置方法

アフィリエイトの１つである

クリック報酬型アフィリエイト

これはクリック率がとっても大事です。

自分のブログがどれくらいクリックされているか管理する為に

アクセスカウンター機能がありますｗ


無料で使える物もいっぱいありますｗ

私が使っている物の貼り方を書いておきますｗ続きを読む

カテゴリのツリー化！

カテゴリって…
あっても分類するの結構大変ですよね

もし…

「カテゴリの中で更に見出しがわけられたら便利なのに」

って思って調べまくりましたｗｗｗ！


すると…見つかりました

このブログページのカテゴリの様にツリー化したい方は

是非ご覧くださ〜い
続きを読む