はてなブログで注目記事の順位を表示する方法 - クイックノートはてなブログのサイドバーに設置できる 「注目記事」の一覧に順位を表示してみます。 完成のイメージは下のような形になります。 注目記事の順位表示 CSSの編集 順位を表示するCSS 順位のカウンタ 順位の表示 バッジ型の順位表示にする まとめ CSSの編集 今回設定が必要なのは、CSSのみです。 はてなブログでは、 「管理画面」→「デザイン」→「カスタマイズ」→「デザインCSS」で CSSの編集ができます。 cssの編集 順位を表示するCSS デザインCSSの欄に以下のコードを追記します。 /* ranking */ .entries-access-ranking{ counter-reset: rank 0; } .entries-access-ranking-item:before{ counter-increment: rank 1; content: counter(rank) "
