はてなブログで先頭の記事を読むと、ページャーに「前の記事へ」だけが表示されず「次の記事へ」だけが表示されてしまいますよね。 それだと見た目も崩れるので、前の記事がない場合は「トップへ戻る」を設置して...

今回は、はてなブログに設置したシェアボタンを、記事の横に追従させてみようと思います。 このカスタマイズによって、ユーザーが記事を読み終わったタイミングにシェアボタンが見えるようになりますね。...

はてなブログなどのブログサービスを使って記事を書く時、記事の一番最初にアイキャッチ画像（サムネイル）を表示していませんか？ 今回は、そんな時に使える便利なコードを紹介します。 呼び出し部分などを除け...

今回は、はてなブログのサイドバーに追従する「メモ帳」を表示させてみました。 記事を読みながらメモを取れて、最終的にまとめてコピーもできるので試してみてください。...

今回は、ブログを運営していく上で重要になってくる「noindex」のお話です。 コンテンツ量の少ない記事をnoindexにすることで、サイト全体の評価をあげられる可能性がありSEO的にもプラスに影響...

先日、SearchConsoleで自分のブログをチェックしていたところ、検索アナリティクスの掲載順位が急激に下がっていました。 具体的には、平均11位くらいから22位までという急激な変化だったので、...

cssでアニメーションを実装すると、アニメーションが完了した時に最初へ戻ってしまいますよね。 もしそのような場合に、アニメーションを終了地点で止めておくことができるので紹介します。...

今回は、はてなブログの「読者になるボタン」を画像にして、より目立つようなデザインに変更する方法を紹介します。 画像はなんでも良いので、自分のサイトアイコンや好きな画像を使って実装してみてください。...

はてなブログやWordPressなんかでサイトのカスタマイズを行っていると、デベロッパーツールで値を確認したり調整したりしますよね。 そのような場合に値を0.1ずつや100ずつ、10ずつ調整する方法...

はてなブログで記事を書いた時、誤って予約投稿の日時を間違えて記事を公開してしまったことはありませんか？ その場合読者への通知も同時に表示されちゃいます。 そこで今回は、一度公開してしまった記事を予約...

はてなブログで運営している時、重要になってくるのが「はてなブックマーク」ですよね。 できれば、はてなブックマークをもらった時は通知が欲しい。 はてなブログの管理画面に行けば通知を確認できるのですが、...

cssでカスタマイズをしていて要素を隠したいなんて時がありますよね。 そのような時に、よく「display:none;」や「visibility:hidden;」を使うことになると思うのですが、これ...

今回は、はてなブログのタイトル下に「この記事は約何分何秒で読む事ができます」というような読了時間を表示させる方法です。 記事のコンテンツの目安を設置できるので試してみてください。...

前回、はてなブログの見出しカスタマイズ例を紹介しました。 そこで紹介したのはシンプルなデザインだったのですが、今回はちょっと手の込んだカスタマイズをする「ちょっと上級編」です。 基本的にコピペでも使...