サイドバーに人気記事ランキングを作製 [seesaaBLOG]

2015-06-10

前月の1ヶ月でのTOP5をサイドバーに表示しています。このブログでなんの記事が読まれているのか僕自身もすごく気になるところです。

SPONSORED LINK

みなさんにも知ってもらって興味があれば読んでもらえればいいなと思って作りました!
さて、seesaaBLOGでの人気記事ランキングの作り方ですがとっても簡単、ですがいくつかつまづきましたまず大まかな流れとしては

  1. アクセス解析で記事のアクセスランキングを確認
  2. デザイン→コンテンツ→自由形式にランキングを入力
  3. リンクを挿入

なんですが、まず自由形式はタイトルが表示されません。これはHTMLをいじることで解決します。
デザイン→コンテンツ→自由形式を好きな場所に貼り付け、クリックして

ここの「コンテンツHTML」を開いて
ranksee001

一番上に下記のタグを入力

<div class="sidetitle"><% content.title %></div>

ranksee002

これで自由形式のタイトルが反映されます。
こちらのサイトを参考にさせてもらいました。
[外部リンク→]シーサーブログのサイドバーに人気記事一覧を作る方法

次に本文を入力
自由に入れてください。
でもなぜか改行が反映されません。
なので手動で改行タグ<br />を入力します。

これは僕の例です。
ranksee003

このように表示されます。
ranksee004

ランキングに限らずこれで好きなコンテンツを作れます!


PAGE TOP