【初心者向け】はてなブログのカスタマイズや設定手順、コピペでできるコードなど〜まとめ〜

「はてなブログ」のカスタマイズ方法や設定の手順をまとめました。 

（別ブログからの順次記事移行中です…しばしお待ちを。リンクがあるところは読めます。）

はじめに

◆カスタマイズで上手くいかない時に確認する方法、確認する場所

◆はてなブログの基本的なCSSの構造

◆はてなブログのテーマ「Palette（パレット）」の使い方やカスタマイズ方法

◆当ブログのサイトマップはこちら

はてなブログ・コピペでできるカスタマイズ 

◆画像と説明が入っている四角い枠のリンク（ブログカード）

◆ブログを２列にする（テーマを変更してみる）

◆ブログに枠を表示する方法 - コピペでできる枠カスタマイズ

◆アイコンに吹き出しをつけて表示する方法（CSSコピペで）

◆サイドバーを固定にする方法

◆サムネイル画像（アイキャッチ）をサイドバーに表示する

◆引用のデザインをおしゃれに、かっこよく

◆目次のデザインをおしゃれに、かっこよく

◆目次を手動で開閉式にする方法（CSS）

◆目次を自動で開閉式にする方法（jQuery）

◆Amazon商品紹介のデザインを変更したい

◆はてなブログ右上の「読者になる」ボタンを非表示にする方法

◆ヘッダー下におすすめ記事やアイキャッチを並べて表示

◆レスポンシブ、上部固定のグローバルメニュー（グローバルナビゲーション）

◆スマホ用の固定ボトムメニュー（フッターメニュー）を表示させる 

◆はてなブログで使えるアイコンフォント124種類 使い方コピペでOK

はてなブログのサービスについて

◆はてなブログの写真を整理する方法

◆はてなブックマークの使い方

◆私がはてなブログを好きな理由

◆通常のバックアップ用やテーマ変更前にバックアップブログを作る方法

ブログを書く時に便利なサービスや機能

◆ブログに使える画像素材が探せるサイト、著作権はどこまでOK？

◆ブログの記事中にグーグルマップを埋め込む（サイズの変更）

◆ブログの記事中にストリートビューを埋め込む（サイズの変更）

◆ブログの記事中にYouTubeを埋め込む（サイズの変更）

◆Flickrをブログの画像ストレージとして使う

◆はてなブログとFlickrを連携させてブログで使う

◆ブログの画像編集ならCanvaが断然おすすめ！

◆アイキャッチをCanva（キャンバ）で作ってブログに表示する

◆画像の容量を小さくする

◆ブログのプロフィール画像、アイコンを自作する

◆ブログを書くのに便利な無料オンラインツール22選

はてなブログの収益化

◆はてなブログで一般人の私が月10万円稼いだ方法

◆はてなブロガー必見！アドセンスよりもASPに登録すべき理由

◆雑記ブログで戦略的に月5万稼ぐ方法

◆ブログ開始から10ヶ月間のPVと収益を公開！

はてなブログでアクセスアップと読者を増やす方法

◆検索からの流入を増やす記事の書き方

◆見出しと強調文字を上手く使ってアクセスを増やそう

◆内部リンクを整理するだけでアクセスも読者も増える

◆私がはてなブログで読者を増やした方法

このブログについて

著者：元CAバンビ

もともとは国際線のCAをしていました。趣味で「旅行ブログ」を書いているうちにブログ運営そのものに興味を持ち、HTMLやCSS、Javascripなどの言語やSEOについて独学で勉強し、はてなブログのテーマ「Palette（パレット）」を公開しました。

当ブログでは、自身の経験からブログ運営やカスタマイズ方法などを紹介しています。
現在では、はてなブログやWordPressなどで5つのブログを運営しています。

はてなブログの方は読者登録よろしくお願いします。
↓↓

当ブログをご自身の記事でご紹介いただけるのはとても嬉しいのですが、記事の中で使用した写真、データ、プログラミングのコードなどについては引用の範囲外でのご使用はお控えください。
たまに無断でご自身の記事として公開されているのを見つけると悲しくなります。
もし引用される場合は、出典の明記と当ブログへのリンクをお願いします。