Bloggerのカスタマイズ（関連記事と目次）

ひさしぶりにBloggerを復活させたわけですが、そうなると、自分好みにカスタマイズしたくなってくるのが、ブロガーの性というもの。


Bloggerのカスタマイズは、先達の知恵がすでにウェブ上に結集していますので、私は単にググっただけなのですが、自分の備忘録も兼ねて、ご紹介しておきます。


まずは、「関連記事の表示」と「目次」のカスタマイズをしてみました。

関連記事の表示について

これは、Milliardというサービスを使うのですが、それを表示するには、htmlをすこしいじらないといけません。

その時に、大変参考にしたのが、こちらの記事です。

Bloggerで関連記事ならMilliard！カスタマイズ方法まとめ

Googleが提供する無料のブログサービス「Blogger」。外部テーマを使うことで、関連記事を表示できます。でも英語だとかっこいいのに、日本語だとデザインが崩れてしまうんですよね。 そこで紹介したいのが、関連記事プラグイン「Milliard」。無料で簡単に、Bloggerで美しい関連記事を表示させることができるんです。きっとこの記事を読んでいる方は、Milliard ...

詳しい方法は、上の記事をご覧いただければよいのですが、関連記事を表示するコードをhtml内に貼り付けた後、関連記事設定ツール画面に飛んで、必要事項を記入し、「コードを取得」。

そのコードをブログのテンプレートのhtmlに挿入するか、「レイアウト」→「ガジェットを追加」でhtmlを記載すれば、自分のブログ記事の下に、関連記事が表示されるようになります。


私は下の画像のような設定にしました。


PCとモバイルを両方とも「リスト」にしています。

目次のつくりかた

こちらもググってみつけた、こちらの記事を参考にして設定してみました。

[Blogger] 目次を簡単に自動生成（忙しい人向けのコピペ素材）

プログラミング関連の備忘録。AI関連APIの解説等を行っています。 少しでも誰かの役に立てれれば嬉しいです。

プラグインをhtmlに貼り付けるだけ！という、とっても簡単な方法で、わかりやすかったです。

CSSで見栄えも調整できるようですが、それはこれからチャレンジしてみます。

あとがき

GoogleのBloggerは、いまいちマイナーなサービスですが、カスタマイズも可能だし、アドセンスもいけるし、独自ドメインもあてられるし、と、結構使えるブログサービスだと思います。

ついついWordPressなみにカスタマイズしたくなってしまいますね。

カスタマイズ熱はまだまだ続きます。