【1分で出来るブログ・カスタマイズ】はてなブログで『次のページへ』ボタンを大きくする方法 デザインCSS

「次のページへボタン」を大きくしたい！

デフォルトで意外と小さく見つけづらい「次のページへ」ボタンを大きくする方法をご紹介します

右下にある「次のページ」ボタン

CSSコード

.pager-next {
    font-size: 150%;/*数字をいじれば大きさの変更も可能*/
}

上記のコードを「設定」-「デザイン」-「{}デザインCSS」の所に貼り付けるだけで完了です。

適用後

大きくなった「次のページへ」ボタン

コードの説明

.pager-nextという要素に対してフォントをしています。
なので、ブログの中でのすべての「次のページへ」ボタンにこのデザインが適用されます。

関連ページ

karupoimou.hatenablog.com