はてなブログのカスタマイズについてはもう書くことがなくなったと思っていたのですが、とあるブログで、自分のブログを話題にしてもらいまして。 その記事がGoogleのモバイルサイトのテストツール「Test My Site」のことだったので、今さらですが、このブロ…
はてなブログを高速化するための大きくわけて4つのことについてまとめました。はてなブログの表示速度を改善するために一番効果があるのは画像を最適化（圧縮）することだと思います。あとは、はてなブログの使わない機能を無効にするのと、ブログカードを貼…
はてなブログでは、標準でAmazonと楽天の商品を紹介できる機能があるのですが、以前にはてなブログの引用デザインをはてなのアイコンフォントで表示したときのコードを応用して、Amazonと楽天の商品カードの右下にそれぞれのアイコンを表示してみます。 （デ…
はてなブログでデザインテーマコンテストが開催されていますが、テーマの作者として参加はできないので、いいな！というテーマに☆をつけて応援したいと思います。 今さらなぜこの話題かといえば、はてなブログからコンテスト開催のメールが届いたから。 過去…
－ 追記（2021/07/13）－ 「読者になる」ボタンが強制的に左上に表示されるようになりましたが、今のところCSSで非表示にしても問題ないようなので、はてなからアナウンスがあるまで消しておきます。 参考になるブログ・WebサイトMinimal Green - はてなブロ…
ここ数日、個別記事ページのページャをカスタマイズしていたのですが、細かいところで、どうしても納得できない部分が出てきてしまって、結局、あきらめてしまいました...。 そして、個別記事のページャはあまり使われていないと（勝手に）判断して、CSSで非…
以前に、はてなブログの引用デザインを画像で表示したのですが、はてなのアイコンフォントにある引用符のアイコンをなんとか利用できないかといろいろやってみました。 （設定→カスタマイズ→「デザインCSS」にコードを入力） CSS /* 引用全体 */ .entry-cont…
このブログでは、サイドバーの最新記事のリンクに、はてなのアイコンフォントを表示させているのですが（はてなブログのサイドバーの最新記事にアイコンを表示）、それでもまださびしい感じがするので、新着記事にNEWマークを表示させてみることにしました。…
このブログでは、サイドバーの最新記事の一覧をテキストリンクで表示させています。サムネイル画像をつけたり、概要を表示させたり、いろいろと試してみたのですが、画像とテキストのバランスが悪い気がして、結局、シンプルな表示に戻してしまいます...。 …
このブログでは、ほかのサイトやブログからなるべく引用しないようにしています。引用ばかりに頼って、引用だらけになってしまっても困るので...。 最近は、引用したほうがわかりやすいときは、素直に引用するようになりましたが、引用のデザインがシンプル…
別ブログ（Seesaaブログ）でGoogleアドセンスに16日で合格！する前に、いろいろなブログで見たのですが、1記事につき最低でも1000文字以上は書かなければいけないと...。 それなら、このブログの1記事あたりの文字数はどれくらいなのかということで、個別記…
このブログでは、月別アーカイブの表示形式をずっとリストにしていましたが、カレンダーに変更しました。ブログを書いていない（さぼった）日をわかりやすくするためです。 ただ、カレンダーの見た目がいまひとつだったので、CSSでカスタマイズしました。 （…
はてなブログでふい字（漢字も使える手書き風の日本語フォント）が使える（はてなブログに組み込まれている）ことを知ったので、ためしにこの記事で使ってみました。 FOXISM - はてなブログでふい字が使えたのでメモ風cssを作ってみたを参考に、メモ風cssで…
はてなブログのカテゴリーや月別アーカイブには、前のページに戻るリンクがあるのに、トップページにはないので、はてなブログのトップページに「前のページ」リンクを設置したのですが、前に戻るリンクよりもブラウザの戻るボタンを使うことのほうが多いの…
はてなブログでは、ブログタイトルと記事タイトルにタグが使われていますが、個人的には、ひとつのページにタグがふたつあるのはおかしい気がしています...。 トップページ：ブログタイトルが大事なので、記事タイトルは個別記事ページ：記事タイトルが大事…
さすがにブログのカスタマイズについては、もうネタがなくなってしまいました...。 困ったときは、ブログのスピードテスト。いろいろな計測サイトで確認してみました。今回も一番データが少ない「このブログについて」で得点アップをねらいます。なお、すべ…
はてなブログのカスタマイズの話しばかりで恐縮ですが、1本だと記事として弱いので、3本まとめて記事にしました。小ネタ3連発！ 「404 Not Found」のページをカスタマイズした。（例：404 Not Found ページ） 記事がないページにアクセスしたときに表示され…
このブログは、デザインテーマのMinimalismをカスタマイズして使っていますが、記事のタイトルが長くなると、個別記事のページの下にあるページャが折り返される（改行）のが気になっていました。 そこで、CSSでカスタマイズし、「white-space:nowrap」でペ…
ブログタイトルを中央寄せから左寄せに変更したのですが、それだけではつまらないので、タイトルのフォントも変更することにしました。 いろいろ調べて、はてなブログのテーマ ストアで使われているフォントのCSSを参考に、ブログタイトルのためだけにGoogle…
はてなのブログカードは、ただのテキストリンクよりも見た目が良くわかりやすいので、リンクを目立たせるときに使っているのですが、貼り過ぎると重たくなってしまいます...。 そこで、はてなのブログカードの代わりになりそうなものをいろいろ集めて、この…
はてなブログで、JavaScript（jQuery）を使って、個別記事の下に広告を横に２つ並べて、記事のページが表示されるたびに、ランダムに広告を表示させる方法をメモしておきます。 個別記事が表示されるたびにランダムで広告を表示させるの続きになりますが、前…
せっかくこのはてなブログをPro化したので、サイドバーと記事の下に広告を設置することにしました。広告を貼る前に、見にくる人を増やしなさいという話しですが...。 ただ、普通に広告を表示させるのもおもしろくないので、ちょっと工夫してみました。 まず…
思うところがあって、このはてなブログをPro化しました。はてなプロ村民になりました。とりあえず、1年コースに登録（1年後はブログを書いていないかもしれないので）。 やったこと 広告非表示（はてなによる広告を表示しない） キーワード自動リンクオフ（…
見やすい読みやすいブログは、フォントサイズ（文字の大きさ）、行の高さ（行間）、段落の余白の大きさなど、いったいどんな風に設定しているのでしょうか？ いろいろなブログを見た限り、個人的には、フォントサイズは16px～17px、行の高さは1.7～1.8、段落…
このブログで今までやってきたはてなブログのカスタマイズを厳選してまとめました。※ このブログのテーマはMinimalismなので、他のテーマで表示できないかもしれません。 カスタマイズのポイント はてなブログを高速化するための4つポイントをまとめた記事。…
はてなブログのサイドバーにオリジナルの記事一覧を表示では、はてなブログ標準（はてなブログで自動的に読み込ませるCSS）のコードを利用して、サイドバーにオリジナルの記事一覧を表示させましたが、今回は、がんばって自分でHTMLを記述してみました。 （…
11月14日にPageSpeed Insightsがバージョンアップしたようなので確認してみました。Google ウェブマスター向け公式ブログ - PageSpeed Insights、Lighthouse の使用を開始しました 前回計測したときは、普通にトップページで計測して75点でしたが、今回は、…
はてなブログでは、標準でサイドバーに関連記事や注目記事の記事一覧を表示できますが、リンクや概要の文字が全体的に大きく、見た目のバランスがあまりよくない気がします。 そこで、サイドバーにHTMLのモジュールを追加し、オリジナルで記事一覧を作成、表…
まだまだ、飽きもせず、はてなブログのカスタマイズを続けています。「ページトップへ戻る」ボタンを設置する、続「ページトップへ戻る」ボタンの設置に続く第3弾です。今回も「ページトップへ戻る」ボタンの設置について書いていきます。 トップへ戻るボタ…
はてなブログのサイドバーのカテゴリーをボタン風に表示を応用して、各ページの下にある前後のページのリンク（ページャ）をCSSでボタン風（タグ風）に表示してみました。 （デザイン→カスタマイズ→「デザインCSS」にコードを入力） CSS .pager { font-size:…
