はてなブログ一覧

はてなブログPROを強制非公開にされたので、WordPressに引っ越しました

7月27・28日の2日間、当ブログが閲覧できない状態となっておりました。ご迷惑おかけしました。実はこれ、はてな運営の強制...

はてな運営に「強制的にグロ記事見せるのやめて!」と抗議してきました

数日前からはてなブログトップに、事故物件体験記(※グロ記事)が「おすすめ記事」として表示されていました。この件で先日はて...

はてなブログのヘッダー下に無理矢理AdSenseのビックバナーを貼るCSS

当ブログのAdSenseは、個別記事内にレクタングル3つ。先日、4つ目となるAdSenseをトップページのブログタイトル...

はてなブログの記事本文を省略し、モバイルレイアウトに最適化するCSS

はてなブログには「目次記法」と呼ばれる機能があり、個別記事のリード文下にを挿入すれば、以降の本文を省略することができます...

デザインの参考に!おしゃれなタブメニューを導入しているサイトまとめ

省スペースでモバイルユーザーへのストレスも少ないことから、現在多くのサイトに導入されているタブメニュー。今回はタブメニュ...

サイドバーのタブメニューをインデックス風デザインにするCSS

モバイル端末からのアクセスが増えている昨今、ユーザビリティを考慮してサイドバーにタブメニューを導入するサイトが増えていま...

はてなブログのサイドバーにグリッドデザイン風のタブメニューを設置する

はてなブログに実装してみたサイドバーのタブメニュー。今回は、このタブメニューをグリット風デザインにカスタマイズする方法を...

約5分で元通り!はてなブログProの更新を忘れたときに行う設定を時系列で解説

はてなブログProを契約していたにも関わらず、ある日急に見覚えのないAdSenseが表示され、URLも「hatenabl...

はてなブログのサイドバーに吹き出し風のタブメニューを作るカスタマイズ

最近レスポンシブサイトでよく見かけるタブメニュー。今回はこのタブメニューを吹き出し風にするカスタマイズをご紹介します。 ...

【FBシェア数非表示版】はてなブログにレスポンシブ対応のフラットなソーシャルボタンを設置する

先月Facebookの仕様が変わり、記事に設置していたボタンでシェアカウントを取得できなくなりました。 この記事でご紹...

tableタグを使わずアドセンスを横並びにするカスタマイズ

8月の中旬にGoogleアドセンスの規約が変わり「広告3枚制限」が撤廃されたそうです。そこで記事中に2枚、記事下にダブル...

はてなブログの記事下に使う関連記事プラグイン、結局どれが1番良いの?

はてなブログでは記事下に関連記事を表示させる公式プラグインがないため、表示させたいときはカスタマイズが必要になります。今...

サイドバーの記事サムネイルにカウントアイコンをつけるCSS

はてなブログのサイドバーには最新記事や関連記事を表示させるモジュールが用意されていますが、このサムネイルにカウントアイコ...

フルCSSで作るレスポンシブ対応の囲み枠3種類

記事を書いていると文章を強調させるために囲み枠を使うことがありますが、今回はそんな時に役立つシンプルでシックな囲み枠を3...

【修正済】はてなブログにレスポンシブ対応のフラットなソーシャルボタンを設置するカスタマイズ

はてなブログに設置されているソーシャルボタンは、分かりやすい反面読み込みが遅く、何よりレスポンシブデザインに対応していな...

はてなブログの関連記事プラグイン「Milliard」で、サムネイルに画像変更が反映されない時の対処法

このブログでは記事下に「Milliard」というプラグインを使用して関連記事を表示させているのですが、投稿時に設定してい...

はてなブログにグラフを表示させる便利なJavaScript、「amCharts」の実装方法

ブログの中でたまにレーダーチャートや棒グラフを使いたいなーというときって結構ありますよね。そんな時は画像よりも「 amC...