元Webデザイナー兼コーダーの備忘録

HTML,CSSの入門記事やブログのカスタマイズについてアウトプットしています。

 メニュー

はてなブログカスタマイズ

はてなブログカスタマイズ:高度なカスタマイズ

高度なカスタマイズの仕方について書きます。HTMLやCSSが分かる方でしたら、そんなに難しくないと思います。どのようになるのか色々試してみてください。 高度なカスタマイズの場所 高度なカスタマイズの使い方 当ブログでの利用例 参考サイト 高度なカスタ…

はてなブログカスタマイズ:サイドバー

今回は、サイドバーを変更しました。アイコンの追加、最新記事にカテゴリへのリンクを追加、広告の追加と表示形式の指定をしました。どなたかの参考になれば幸いです。 アイコンの追加×3 最新記事にカテゴリへのリンクを追加 広告の追加×2 1箇所目:インフィ…

はてなブログカスタマイズ:関連記事

はてなブログでは、関連記事を自動で挿入する機能があります。しかし、不十分に感じるところがあったので、手動に切り替えました。今回は、その方法をご紹介いたします。 関連記事を自動で挿入 メリット デメリット 関連記事を手動で挿入 メリット デメリッ…

はてなブログカスタマイズ:レスポンシブ対応

レスポンシブ対応について書き残します。

はてなブログカスタマイズ:各ページのクラス名

CSSで各ページをカスタマイズする際に必要なクラス名について書いています。参考までにどうぞ。

はてなブログカスタマイズ:サイドバー、aboutページ、Not Foundページなど

サイドバー、aboutページ、Not FoundページなどのCSSを修正しました。

はてなブログのアイコンフォントの使い方

はてなブログのアイコンフォントの使い方について書きます。

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

はてなブログのカスタマイズ記事です。目次と見出しなどを変更しました。一部CSSのコードも公開しています。

はてなブログのaboutページの活用方法について考える

はてなブログで始めから用意されているaboutページですが、他のはてなブロガーさんはどうしているのか気になったので、活用例を調べてみました。 aboutページの活用例 aboutページの役割を考える 当ブログのaboutページ 参考サイト aboutページの活用例 初期…

はてなブログカスタマイズ:グローバルメニューの追加

せっかくブログを開設したので、色々と変えていきたいと思います。まずはフォントと色が気になったので、そのあたりを中心に変更しました。他にも変更したいところがあるので、追々対応します。 使用テーマ 全体的な変更 変更内容 ヘッダー サイド コンテン…