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

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

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

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

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

前回、はてなブログのcssを使って見出しのデザインをカスタマイズする準備が整いました。 そこで今回は実際に見出しのデザインcssをカスタマイズしていきましょう。 今回紹介するのは「シンプル」な見出し...

今回から数回に分けて「はてなブログの見出しデザインのカスタマイズ」について紹介していきます。 色や細かい調整はあるものの、基本的にコピペで実装できるので試してみてください。 まずは、見出しデザインの...

はてなブログを使っていると、記事下に関連記事を表示する方法に悩みます。 デザインから設定する方法でも関連記事を表示できるのですが、設定後に公開した記事でしか表示されないんですよね。 そこで今回は、サ...

はてなブログで書かれたサイトを見ていて、この人のカスタマイズいいなー テーマ何使ってるんだろう？ってなることがあるかと思います。 実ははてなブログは、アクセスしたサイトのテーマを簡単に確認することが...

先日、はてなブログにシェアボタンを設置する方法を紹介しました。 その中では、シェアボタンを記事上や記事下に設置したのですが、今回はスマートフォンでアクセスした場合のみ、シェアボタンを画面の下に追従さ...

先日【はてなブログにSNSシェアボタンを設置する方法】という記事を紹介しました。 その中で、記事上や記事下にシェアボタンを設置したのですが、幾つかの記事でTwitterとGoogle+ボタンだけシェ...

今回は、はてなブログのトップページにアドセンス広告を設置する方法を紹介します。 トップページの下（ページャーの上）にアドセンスを設置することで、トップページを訪れてくれた方の目に止まりやすくなると思...

先日、はてなブログの記事中に目次を設置する方法を紹介しました。 もし、目次に表示する見出しの数が10以上あったりして、目次だけでページが埋まってしまうような場合、開閉式にすることでスペースを削減でき...

はてなブログでサイトのデザインをカスタマイズする場合、【デザインCSS】という欄にcssを記述していくと思いますが、スマホ版だとこの項目が存在しませんでした。 そこで、今回はスマホ版のデザインCSS...