はてなブログ（テーマはUnderShirt）のカスタマイズで参考にしたサイト

サブブログ「ざきグルメ」（外部リンク）のカスタマイズをするのに参考にさせて頂いたサイトをまとめました。
ほとんどがコピペで簡単に設定できます。

テーマ

UnderShirtを使用しています。

スマホでも２列表示

「ざきグルメ」より引用

参考

はてなブログテーマ「 UnderShirt 」をスマホでも２列表示にするカスタマイズ

LOGzeudon

• 余白を小さくする
• 記事の概要を消す

ページ全体

画像リンクにカーソルを合わせるとへこむ

参考

画像がマウスオーバーするとペコってへこむ演出をどうやるか教えてください。例）http://seo.siyo.org/でhtt… – Yahoo!知恵袋

Yahoo!知恵袋

記事内の不要な要素を消す

参考

【はてなカスタマイズ】記事内の不要な要素を消す方法｜CSS・HTMLコピペ可！

コトサワに聞いとけ

• 記事タイトル
• 更新日
• カテゴリ
• スターボタン
• はてなID

トップページのカテゴリを一つだけ表示

参考

【はてなブログ】トップページのカテゴリを一つだけ表示させる方法

Kotaro’s blog

トップページ記事概要のフォントサイズ

参考

【はてなブログ】トップページの記事概要のフォントサイズ変更 | zero.point.five

zero.point.five

サイドバーをスマホでは非表示にする

参考

【はてなブログ】サイドバーをスマホでは非表示にする方法

(O+P)ut

斜体を押したら蛍光ペンのアンダーライン

参考

【コピぺでOK】無料はてなブログで「蛍光マーカー風」アンダーラインを引く方法

効率さん

こんなやつです。

シェアボタンを設置

参考

はてなブログにカウント付きシェアボタンを設置するカスタマイズ – パソコンガイド

パソコンガイド

「ざきグルメ」より引用

コピペで簡単にできました。

　

更新した日付を表示する

参考

【はてなブログ】更新日を表示するカスタマイズ法(Minimalism対応)

そういうのがいいブログ

「ざきグルメ」より引用

SEO対策にもなるそうです。

デザイン

ヘッダーにおすすめ記事

「ざきグルメ」より引用

参考

はてなブログのヘッダーにおすすめ記事をCSSだけで作ってみた

Migaru-Days

パソコンだと横一列、スマホだと二列で小さく収まっていい感じです。

　

フッターにコンテンツを表示

「ざきグルメ」より引用

参考

カスタマイズ4：フッターにコンテンツを表示

ZENO-TEAL

プロフィール、リンク、過去の記事、当サイトについての説明を掲載しています。

　

ルーズリーフ風の目次

「ざきグルメ」より引用

参考

はてなブログ目次カスタマイズ-コピペで使えるデザイン集

フジブロっ！

アイコンを追加したりしてます。
可愛くてお気に入り。

　

引用デザイン

参考

はてなブログ★引用デザインをかっこ良くカスタマイズ！コピペでOK！

元CAバンビのずぼら日記

会話風の吹き出し

「ざきグルメ」より引用

参考

CSSで作る！吹き出しデザインのサンプル19選

サルワカ | サルでも分かる図解説明マガジン

画像URLを変更すれば好きな画像（表情）を指定できるので使いやすいです。

サイドバーの横線を消す

参考

［はてなブログ］サイドバーの謎の線を消す方法（undershirt使用）

メモブログ

サイドバーの仕切り線？が私も気になっていたのでとても助かりました！スッキリ

カテゴリーをタグ風にする

参考

【はてなブログ】サイドバーの「カテゴリ」をタグ風にする方法

さんログ

カテゴリー前の矢印を消す方法も記載されています。

最後に

ブログデザインのカスタマイズってすごく楽しいですよね！
ついつい時間をかけてしまい、記事が増えない現象が起こってしまうので程々にしないといけませんが・・

情報を公開してくださっているサイトの皆様には本当に感謝です。
ありがとうございます！