ブログカスタマイズ

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

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

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

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

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

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

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

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

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

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

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

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

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

HTMLでサイト内にリンクを貼り付けた時、同じタブで開くのか新しいタブで開くのか設定したい事がありますよね。 そういった時は、HTMLでリンクを貼る時に使う「aタグ」にちょっとしたテキストを追加する...