行き着く先はあんこ

Bloggerの関連記事を表示するにはMilliardがいいのでは

blogger-relatedpost-milliard

先日のブログデザインを一新する際に、関連記事を表示する「Milliard」を導入してみました。

「Blogger 関連記事」で検索しても出てくるのは「Zenback」「LinkWithin」「Smarter Related Posts Widget for Google Blogger-v2.0」の3つぐらいなので、今まで全く「Milliard」の存在を知りませんでした。調べてみるとかなりのブログで導入されているみたいですが。

ということで今回はBloggerに「Milliaed」を導入するまでを解説します!

スポンサーリンク

Milliard関連ページとは

関連ページを「スタイリッシュかも?」くらいに綺麗に表示できるツール

Milliard関連ページプラグインについて | シスウ株式会社より

導入したブログにはこんな感じで表示されます。

パネル表示

Milliardのパネル表示の例

リスト表示

Milliardのリスト表示の例

Bloggerに導入するよ

では本題に入ります。最初にコードを取得するために「関連記事ツール設定画面」」へ移動します。

この画面で好みのようにカスタムして、コードを取得&コピーします。

Milliardのコード取得画面の説明

特にスマホの場合はスクロールが邪魔になるので、「挿入箇所のスクロールを無効にする」にチェックすることをおすすめします。

次にBloggerの「レイアウト」から、「ガジェットを追加」→「HTML/JavaScript」でコピーしたコードを入力します。

MilliardのコードをBloggerに入力する画面

最後に「テンプレート」→「HTMLの編集」から導入したい箇所に以下のコードを入力します。

<b:if cond='data:blog.pageType == "item"'>
<ins id='ssRelatedPageBase'/>
</b:if>

問題なければこれで表示されるはずです。このブログでは設置から1分も経たずに表示されましたが、長い時には10分程かかるみたいです。

CSSで微調整

リスト表示をCSSで微調整してみました。無理やりなところもありますが、カスタムできるのでこの点はGoodです!

Milliardをcssで調整して2列にしてみた

読み込みの負担軽減

ページが遅くならない対策もしてるみたいです。

Q. 本文の表示が遅くならない?
A. ある程度スクロールしないとロードされない仕組みになっているため、記事が重くなる事はありません。

Q. スクロールが重くならない?
A. 画像を3件づつ読み込み、細かく描画しているため影響はほとんどありません。

Milliard関連ページに関するよくあるご質問より

関連記事と最新記事の同時利用はダメ?

関連記事のみ、最新記事のみの表示はなんにも不満はないのですが、2つを同時には使えないみたいです。他が素晴らしいので、この点は非常に残念。

さいごに

少し気になるところもありますが、それを上回る手軽さ・かっこよさがMilliardにはあると思います。

Bloggerユーザーで関連記事表示に悩んでいる方、Milliardいいですよ!

あと、どうでもいいのですが公式サイトの一文から謙虚さが見えちゃいます。

公式サイトの一文がフォントサイズが小さい

スポンサーリンク

スポンサーリンク

コメント

  1. 浜本好子

    2016.05.07 17:16

    思い通りの関連記事ができました。とっても嬉しいです。もっと早く検索していれば・・・
    解説が丁寧で分かりやすかったです。本当にありがとうございました。

    • かずらかずら(管理人)

      2016.05.07 20:52

      Bloggerユーザーに幸あれ!

コメントを残す