ダンゴムシ情報

* 生物飼育、マクロ撮影、ブログカスタムなどの情報共有 *

はてなブログのヘッダー画像がボヤける→綺麗に表示させる方法

はてなブログのヘッダー画像がボヤけて困っていませんか?超シンプルなCSSを貼り付けるだけで綺麗に表示させることができます。コピペOKです。お試しください。

はてなブログの目次と見出しをアイコンフォントで目立たせる

はてなブログの目次と見出しのカスタマイズをご紹介します。見出しの頭にチェックマークが入るようにしました。このマークははてなブログのアイコンフォントなので、ダウンロード不要で簡単に変えることができます。

はてなブログのモジュール(記事リスト)カスタマイズ

はてなブログの記事リスト(モジュール)をカスタマイズするためのCSSをご紹介します。関連記事・注目記事・最新記事を一気に同じ形式にカスタマイズできます。コピペOK。CSS解説付きでアレンジしやすいです。

はてなブログの記事一覧のレイアウトをスマホだけ変える

はてなブログの記事一覧をカスタマイズしました。レスポンシブデザイン対応です。スマホ表示ではサムネイルと概要文が横並びにならないようにしているのがポイントです。ご自由にコピペしていただき構いません。

はてなブログのヘッダー画像の下をぼかす&タイトルを左上にする

はてなブログのヘッダー画像の下をぼやかして背景となじませるようにするCSSをご紹介します。また、ブログタイトルと説明を左上に移動する方法も載せています。レスポンシブ対応で、使用デザインテーマはSmoothです。

はてなブログのひとこと説明をヘッダー上に表示|コピペOK

はてなブログのヘッダーに表示される「ブログのひとこと説明」をヘッダー上に表示されるようにした他、ヘッダー下の間延びした空間を無くしました。CSSご自由にお使いください。

はてなブログ|Smoothヘッダー画像のサイズ設定

はてなブログでレスポンシブデザインのヘッダー画像を作成する際に役立つガイドラインを公開します。 パソコン・スマホ・タブレット縦画面の3種類に1枚で対応できます。

はてなブログの箇条書きと番号付きリストを囲み枠に魔改造

はてなブログの「箇条書き」「番号付きリスト」を魔改造して簡単に囲み枠(ボックスデザイン)が出てくるようにしました。CSSご自由にお使いください。

コピペOK|はてなブログの引用をカスタマイズ|CSS解説

はてなブログの「引用」をカスタマイズしました。CSSご自由にお使いください。

もしもアフィリエイト「かんたんリンク」カスタマイズ

もしもアフィリエイトの「かんたんリンク」をカスタマイズしました。CSSご自由にお使いください。

コピペOK|はてなブログ用グローバルメニューのCSS

はてなブログ用のグローバルメニューのCSSです。シンプルだから管理しやすくレスポンシブデザイン対応です。Googleアドセンスにも合格できました。

はてなブログの記事タイトル&本文をカスタマイズ

はてなブログの記事タイトルと本文の文字をカスタマイズするためのCSSをご紹介します。

はてなブログの目次と見出しをカスタマイズ

はてなブログの目次と見出しをカスタマイズするためのCSSをご紹介します。レスポンシブデザイン対応です。ご自由にコピペしていただき構いません。

はてなブログ[次のページ][前のページ]をカスタマイズ

はてなブログのページャーをカスタマイズするためのCSSです。レスポンシブデザイン対応です。コピペしていただき構いません。不要であればページャー自体無くすこともできます。

はてなブログ[このブログについて]をカスタマイズ

はてなブログのプロフィールのモジュールに付いてくる「このブログについて」をカスタマイズするためのCSSです。レスポンシブデザイン対応です。コピペしていただき構いません。

はてなブログの記事一覧をカスタマイズ|コピペOK

はてなブログのカテゴリー別記事一覧をカスタマイズするためのCSSです。レスポンシブデザイン対応です。ごちゃごちゃする要素を非表示にしてすっきりさせました。

はてなブログのパンくずリストをカスタマイズ

はてなブログのパンくずリストをカスタマイズするためのCSSです。レスポンシブデザイン対応です。パンくずリストはゴチャっとしがちなので、できるだけすっきり見えるように工夫しています。

コピペOK|はてなブログの脚注をカスタマイズ

はてなブログの脚注をカスタマイズするためのCSSです。レスポンシブデザイン対応です。本文に付くリンクが大きくて文章の妨げになっていると感じたので小さくして位置を上にしました。