ブログカスタマイズ

今回は、cssで使われる単位の「px」「em」「%」はどのような違いがあるのかについて紹介します。 これらはそれぞれ、使われるタイミングが変わってくるので参考にしてみてください。...

はてなブログで記事を書いていて、特定の記事だけアドセンスなどの広告を非表示にしたいと思ったことはありませんか。 そのような場合は、カテゴリーを設定するだけで表示非表示を切り替えられるので試してみてく...

cssでレイアウトをカスタマイズしている時、横幅を「100％から50pxだけ少ない値にしたい」というような時はありませんか？ そのような場合は、四則演算を使う「calc」というコードで実装できるので...

先日、クレジット決済のために「はてなPro」を一度解約してから、再度契約し直しました。 そこで、はてなProを解約すると、何時に契約が切れて再契約できるのか実際に試しつつ、サポートに聞いてみました。...

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

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

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

今回は、はてなブログで運営している当サイトの2017年7月の運営報告になります。 主に収益やPV、今後の運営について触れていきます。...

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

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

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

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

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

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