今回は、はてなブログで設置した「Googleアドセンス」を中央寄せで表示する方法を紹介します。 この方法を使えば、左右のバランスが取れたデザインになるのでぜひ試してみてください。...

皆さんは、はてなブックマークの新着エントリーをチェックしていますか？ せっかく自分の記事が載っていても気づかなかったら残念ですよね。 そこで今回は、記事がはてなブックマークの新着エントリーに載った時...

今回は、はてなブログで運営しているサイトのトップページに広告を表示させる方法です。 ただ広告を表示させるだけではなく、記事と記事の間に設置してブログに溶け込むようなデザインにしてみました。...

今回は、はてなブログで作成した記事の背景を「アイキャッチ画像」に変更する方法を紹介します。 記事ごとに別の背景を自動で設定できて、デザイン性もアップするのでぜひ試してみてください。...

今回は、はてなブログで書いた記事の中に「会話形式」の吹き出しを導入する方法を紹介します。 ブログなど記事内で会話形式を使うことで、重要な部分を目立たせたり、読みやすいコンテンツを増やすことができます...

今回は、はてなブログで表示した画像を中央寄せにして、真ん中に表示させる方法を紹介します。 画像の表示方法をちょっと変えるだけで、より目立たせたり見やすくなったりするので使いこなしてみてください。...

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

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

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

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

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

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

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

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