エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
記事へのコメント2件
- 注目コメント
- 新着コメント
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
はてなブログで注目記事の順位を表示する方法 - クイックノート
はてなブログのサイドバーに設置できる 「注目記事」の一覧に順位を表示してみます。 完成のイメージは... はてなブログのサイドバーに設置できる 「注目記事」の一覧に順位を表示してみます。 完成のイメージは下のような形になります。 注目記事の順位表示 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) "
2022/07/24 リンク