わたしのＴＯＰに関心してくださっている方がいたので。
white-white-white.hatenablog.com
↑このTOPをどう作ったのかを紹介したいと思います。
まず、サムネ用のイラスト（文字）を用意します。
わたしが使ったのは、パソコンの無料機能「ペイント」。
はてなブログの機能でも、無料でサムネは作れます。
編集オプション⇒アイキャッチ画像を作る。
サムネに拘りたい人は、素材サイトなどを探すのが良いでしょう。
さて、サムネ用のイラスト（文字）が出来たら、記事を書きます。
サムネ用のイラスト（文字）は、「写真を投稿」でブログに貼れます。
自己紹介でも、挨拶でも好きに書きましょう。
文字の大きさ、色などの変更は、『「編集」見たたまま』で変えると簡単だと思います。
さてカテゴリー部分。ここはＨＴＭＬ編集になります。
<table>
<tbody>
<tr></tr>
<tr>
<td>記事を入れる部分①</td>
<td>記事を入れる部分②</td>
</tr>
<tr>
<td>記事を入れる部分③</td>
<td>記事を入れる部分④</td>
</tr>
</tbody>
</table>
↑
これをそのままコピーして、HTML編集に張り付けると
| 記事を入れる部分① | 記事を入れる部分② |
| 記事を入れる部分③ | 記事を入れる部分④ |
↑こんな感じの枠ができます。
枠を増やしたいなら
<tr>
<td>記事を入れる部分①</td>
<td>記事を入れる部分②</td>
</tr>
の部分だけコピーして
<td>記事を入れる部分③</td>
<td>記事を入れる部分④</td>
</tr>
←この部分
</tbody>
</tr>と</tbody>の間にでも挿入してください。
とりあえず、ここまでできたら「下書き保存」でもしておきましょう。
さて、カテゴリーを張ります。
自分のブログを二重で開き、貼り付けたいカテゴリーのＴＯＰに行きます。
そしてそのＵＲＬをそのままコピーペースト。
「編集 見たまま」で、記事を貼り付けたいところ（例えば、「枠内の記事を入れる部分①」）に、そのまま貼り付け。
そうすると
と、言った感じででてくるので、「埋め込み」を選択。
枠なしで、普通に貼ると
↑こんな感じで「箇条書き」な感じになります。
枠ありだと「カードが並んでいる」風になりますので、お好みの方を選ぶと良いでしょう。
あとは好きに文字を消したり、足したり。
Twitterの⇓これ⇓
も、ツイッターURLを「編集 見たまま」で貼り付け、「埋め込み」を選んだだけ。
と、いうか、大抵のURLは「編集 見たまま」で張れば、「埋め込み」といった項目が出てくると思います（さすがに全部のサイトは検証していません。まぁ、試してみましょう）。
⇓これに関しては、ペイントで適当に作ったイラスト（？）に、自分のブログの「読者になる」ボタンをクリックして出てきたサイトのＵＲＬを張り付けただけです。
そんな感じでＴＯＰの完成です。
基本、コピーして貼り付けるだけの、手抜きＴＯＰな上に、こんな下手くそな説明ですが 少しでも参考になれば幸い。
