ブログ一覧

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

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

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

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

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

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

最も収益が高いのは?Google AdSenseの配置を10パターン検証してみる

最近、Google AdSenseを導入して色々試行錯誤するのが楽しくなってきました。配置換えやユニットの見直しをして数...

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

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

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

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

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

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

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

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

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

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

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

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

ブログでモーニング娘。への愛を1年間叫び続けると道重さゆみが憑依する

このブログを開設し、そろそろ1年。開設当初はライフハック系の記事を中心に書いていたので文体も「である調」を使って書かれた...

SEOに強く検索流入が増えるブログ記事タイトルのつけ方

ページ単位で読まれるブログは、回遊率を上げるために記事下に関連記事を挿入している人がほとんどだと思います。でも、どれだけ...

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

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

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

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

はてなブログをオシャレに変える5つのカスタマイズ

今回は、はてなブログをおしゃれにするカスタマイズを5つご紹介!すべてレスポンシブデザイン対応なので、よろしければお試しく...

はてなブログにグローバルナビとスマホ用トグルスイッチを設置しレスポンシブ対応させる

このブログは、手軽にワンソースで管理できるようレスポンシブデザインのテンプレートを使用しています。テンプレートにグローバ...

はてなブログでのiTunesStoreアフィリエイト導入方法とレスポンシブに対応させるカスタマイズ

今月、iTunesのアフィリエイトプログラムをブログに導入してみました。 私は自分のスマホがアンドロイド端末な...