Bloggerでブロガーになろう

ふきだし（会話文）の作成方法＆使用方法

ブログでふきだしを使って会話形式にしている表現を見たことがあるかと思います。 これ、なんとBloggerでもできます！ ※別のBloggerブログでの例 本記事ではふきだしのCSSの作成方法と、その使用方法について解説します。

2025/06/07 10:00

下線や枠線の装飾をテンプレート化する方法

前回、 記事本文を下線や枠線で装飾する方法 を解説しました。 上記のようなコードを毎回入力しても良いのですが、良く使うデザインはテンプレート化して短いコードで呼び出すこともできます。 本記事では良く使う下線や枠線の装飾をCSSの追加でテンプレート化する方法を解説します。

2025/06/06 10:00

記事本文を下線や枠線で装飾する方法

記事本文で下線や枠線などの装飾を使いたくありませんか？ 目立たせたりまとめ風にしたり……使い方は色々あります。使えたら便利ですよね。 BloggerはHTMLとCSSが分かれていないのでやり方が分かりにくいかもしれません。 でも下線や枠線の装飾は可能なので、本記事ではその方法を詳...

2025/06/05 10:00

気付けば50記事も書いていた！？

前回で記事の数が50となりました！ ブログ開設当初は30記事くらい書けたらと思っていたんですけど……Bloggerでアレもコレもとやりたいことが増えていってしまいました。 最初にBloggerを始めた時は、本当に分からないことだらけでした。 なかなか調べるのさえ難しく、それでも片...

2025/06/04 10:00

サイトマップ（記事一覧ページ）の作成方法

記事の一覧を載せたページ（サイトマップ）があると便利ですよね！ 本記事では個別ページでサイトマップを作成する方法を解説していきます。 実物はコチラからご確認ください。 ➡ サイトマップ

2025/06/03 10:00

記事の前後リンク（新しい投稿／前の投稿）を表示する方法

公式テーマContempo・Soho・Emporio・Notableでは、記事ページから前後の記事に移動するリンクがありません。 一般的なブログには良くある機能ですし、他の公式テーマにもある機能なので必要だと思う方が多いと思います。 本記事ではそんな前後リンク（新しい投稿／前の投...

2025/06/02 10:00

画像やアフィリエイトを中央寄せ横並びにする方法

画像やアフィリエイトを横並びにして中央寄せにする……コレが簡単そうで意外とできない！ <div align="center">～</div>を使えば難しくないのですが、この方法は現在は非推奨の古いやり方となっています。 そこで今回は違う方法として、テーブルレイアウトとフレックスボ...

2025/06/01 10:00

プロフィールガジェットの「プロフィールにアクセス」の文言を消す方法

プロフィールの編集方法を プロフィール＆連絡フォームの設定方法 で解説しました。 プロフィールには場所や仕事、趣味やお気に入りの映画・音楽・本etc……細かく記入ができます。 が、正直その部分を細かく記載している方はBlogger利用者には少ないような気がします。 自分のプロフィ...

2025/05/31 10:00

マウスホバーでリンクに下線（アンダーライン）を表示する方法

以前、 リンクに下線（アンダーライン）を追加する方法 を解説しました。 記事のリンクに下線を追加してリンクは分かりやすくなったのですが、段々サイドやトップページのリンクも分かりやすくしたいと思うようになりました。 でも、全部のリンクに下線が入っていると邪魔かも？ そこでマウスをの...

2025/05/30 10:00

にほんブログ村登録で閲覧数を増やそう！

Bloggerのデメリットの一つがコミュニティ機能がないことです。 （詳細記事 ➡ ブログサービスBloggerとは？ メリットデメリットを徹底解説！ ） コミュニティがないということは、初動の閲覧が全くないということになります。 せっかく作成したブログを、誰にも見てもらえない...

2025/05/29 10:00

フィードガジェットで最新記事を表示する方法

最新記事（新着記事）はレイアウトのガジェット追加にあるフィードガジェットで表示させることが可能です。 本記事では最新記事をサイドバーなどに表示する方法を解説します。

2025/05/28 10:00

記事のラベルを一括管理する方法

最初につけたラベルを削除したり変更したくなることがあると思います。 ラベルの変更は、記事を開かずに行うことが可能です。 本記事ではその方法を解説します。

2025/05/27 10:00

【QooQ】シェアボタンのTwitterをXに変更する方法

日本語テーマQooQは最終更新日が2022年10月です。（2025年5月時点） そのため、X（エックス）がTwitter（ツイッター）になっています。 本記事ではその部分の変更方法を解説します。 ↓↓↓ それに合わせて、記事の上下にあるシェアボタンを片方だけにする方法も解説します...

2025/05/26 10:00

記事のフォントサイズ調整方法

Bloggerで記事を書く時、フォントサイズを標準にしている方が多いと思います。 ただ、標準だとちょっと文字が小さいと思う方もいるのではないでしょうか。 本記事ではCSSの追加で文字のサイズを変更する方法を解説します。

2025/05/25 10:00

日本語向きフォントに変更する方法

Bloggerで使えるフォントは種類が多いものの、日本で馴染みのあるフォントがないので悩みますよね。 そこで、本記事ではCSSの追加で日本語向けのフォントに変更する方法を解説します。

2025/05/24 10:00

アドセンス審査で26回目に合格した話

自分は当ブログを含め、3つのブログを開設しています。 現在は3つともGoogleAdSense（アドセンス）の審査が通っていますが、その道のりは長かった……！ 本記事ではアドセンス審査の実体験を語っていきます。 アドセンス審査についての詳細は アドセンス審査、申請のポイント を閲...

2025/05/23 10:00

アドセンス審査、申請のポイント

Bloggerは無料のブログでありながら、独自ドメインを取得せずともGoogleAdSense（アドセンス）を利用することができます！ 完全無料でブログ収益化を目指せるのはBloggerの強みです。 本記事では簡単な申請のポイントについて解説します。

2025/05/22 10:00

連絡フォームのデザイン編集方法

連絡フォームガジェットのデザインは、初期のままだと幅が違うので違和感があります。 またメッセージ欄の幅を変えられますが、縦にも横にも広がってしまうので使い勝手が良くありません。 そこで、デザインを少し変更してみるのはいかがでしょうか。

2025/05/21 10:00

ページネーション（ページャー）の追加方法

ホームの記事の一覧で、前の記事に移動するリンクは「その他の投稿」となっています。 ちょっとそっけないというか、分かりにくいですよね？ これを以下のようなページネーション（ページャー）に変更する方法を解説します。

2025/05/20 10:00

検索結果とラベルの表示件数変更方法

投稿記事の一覧の表示数はレイアウトか設定から変更することが可能です。 ただこの値は検索結果やラベル表示には反映されず、初期状態であれば20件表示されてしまいます。 本記事では検索結果やラベルの表示件数をHTML編集で変更する方法を解説します。

2025/05/19 10:00

HTML編集で関連記事の自動表示をさせる方法

前回は ガジェット追加で関連記事の自動表示をさせる方法 を解説しましたが、本記事ではHTML編集での方法を解説します。 ガジェット追加版の方が簡単ですが、HTML版の方が表示が早いのでオススメです。

2025/05/18 10:00

ガジェット追加で関連記事の自動表示をさせる方法

記事の終わりに関連記事が表示されると、興味を持って他の記事も読んでもらえるチャンスにつながります。 関連記事の自動表示は、レイアウトのガジェット追加で設置することができるので挑戦してみましょう！ ガジェット追加のHTMLを用いるので、HTML入門にも良いかもしれません。

2025/05/17 10:00

【Emporio】記事とサイドバーの幅変更方法

公式テーマEmporioでは、トップページ（ホーム画面）の幅をカスタマイズで変更できます。 ただ、記事の画面での幅はHTMLの編集でしか変更できません。 本記事では、そんな記事画面の幅の変更方法を解説します。

2025/05/16 10:00

配布されている外部テーマの設定方法＆オススメ日本語テーマ

Bloggerの公式テーマ（テンプレート）もいいですが、配布されているテーマも魅力的ですよね。 有料のテーマもありますが、有志の方が無料で配布してくれているテーマもあります。 本記事では、そんな外部テーマの設定方法を解説します！ また、自分が別のブログで実際に使用しているテーマを...

2025/05/15 10:00

目次を自動生成する方法

長い記事の時に目次があると便利ですよね。 Bloggerでも目次を自動生成する機能を追加することが可能です。 HTMLの編集をガッツリ行うので、慣れてきたら挑戦してみましょう！

2025/05/14 10:00

調べ物をするなら、検索エンジンは2種類使うべき！

皆さん、検索エンジンは何を使用していますか？ 多くの方はGoogleを使っているのではないでしょうか。 複数の単語を組み合わせて検索して……でも、調べ物がなかなか見つからないこと、ありませんか？ そんな時は違う検索エンジンを使ってみてはいかがでしょうか。 本記事ではオススメの検索...

2025/05/13 10:00

記事の共有ボタンを左寄せ/中央寄せ/右寄せに変更する方法

Bloggerの共有ボタン（シェアボタン）は以下のようなアイコンです。 テーマにもよりますが、記事の本文の上下に差し込まれます。 この位置を左寄せ/中央寄せ/右寄せに変更する方法は、CSSの追加で行えます。 それに合わせて、共有ボタン上下の余白の幅を調整するHTMLの編集について...

2025/05/12 10:00

日付表記を日本式の年月日の順に変更する方法

Bloggerの日付表記が海外式で、日本で馴染みのある年月日の順に並んでいない問題……これは結構気になる点になるかと思います。 HTMLの編集が必要になってくるので、ブログの扱いに慣れてきたら挑戦してみましょう！

2025/05/11 10:00

HTML/CSSのコメントアウトの方法

「このコード不要だから削除しよう……でも、必要な時が来るかも？」 「HTML内に日本語でメモ書き残したいなぁ」 そんな時、役に立つのがコメントアウトです！ 本記事ではHTMLとCSSのコメントアウトについて解説します。

2025/05/10 10:00

【Emporio】スティッキーヘッダー（記事上部のブログタイトル）を透過させる方法

公式テーマEmporioでは、記事上部にブログタイトルが常時表示されるようになっています。 いつでもトップページに戻れるありがたい仕様ですね。 これをスティッキーヘッダーと呼びます。 ただスマホなどで見た時には画面が狭く圧迫されるように感じるかもしれません。 それを解消するために...

2025/05/09 10:00

【Emporio】記事の背景に画像が反映されないようにする方法

公式テーマEmporioでは、記事の画像の一番上のものが記事の背景に反映されます。 オシャレな写真だったら雰囲気がでて良い感じになると思うのですが、当ブログのように解説をメインにしていたりすると不要になってきます。 そこで、本記事ではHTMLの編集でその仕様を削除する方法を解説し...

2025/05/08 10:00

画像と画像の間に隙間（余白）ができてしまう問題解決方法

画像を縦に並べて、画像と画像の隙間のない状態で投稿しようとすると……何故か画像と画像の間に隙間ができてしまいます。 この問題はCSSの追加で解決できます。 初期状態だと、本文の入力画面で画像をくっ付けても……

2025/05/07 10:00

スマホで画面がはみ出る問題解決方法

自分のブログをスマホで確認すると、記事に横スクロールバーが出てしまう……そんな画面が横にはみ出る問題が起こっていないでしょうか？ 本記事ではその問題をCSSの追加で解決する方法を解説します。

2025/05/06 10:00

ラベルのアルファベットが勝手に大文字になる問題解決方法

初期状態でブログのラベルにアルファベットを使うと、小文字が勝手に大文字になってしまいます。 アルファベットの小文字を使いたい時には困ってしまいますよね。 例えば当ブログだと【Blogger】が【BLOGGER】になってしまいます。 ブログサービスのBloggerという名称なので、...

2025/05/05 10:00

ラベルとブログアーカイブを常に表示させる方法

サイドバーなどに設置できるラベルとブログアーカイブは初期状態だと折り畳まれています。 常に表示させておく（展開させておく）にはHTMLの編集が必要です。 当ブログではラベルをカテゴリーに改名していますが、ラベルはこんな感じになります。 ↓↓↓

2025/05/04 10:00

見出しデザイン変更方法

記事で使う見出しのデザインはCSSの追加で変更可能です。 Bloggerの公式テーマの見出しはシンプルな大きい太文字です。 ちょっと物足りない、オシャレにしたいって時は変更しちゃいましょう！

2025/05/03 10:00

リンクに下線（アンダーライン）を追加する方法

Bloggerの初期状態だとリンクに下線（アンダーライン）がなく、本文中でリンクが分かりにくいかと思います。 本記事ではCSSの追加でリンクに下線が入るようにする方法を解説します。

2025/05/02 10:00

ブログタイトルの文字の配置変更方法（左寄せ/中央寄せ/左寄せ）

ブログタイトルとブログの説明文の位置を左寄せor中央寄せor左寄せに変更するのは、CSSの追加で可能です。 ブログテーマによって、初期の配置は色々です。 例えば、当ブログで使用中のテーマEmporioではブログタイトルとブログの説明文が初期設定では左寄せになっています。 これをC...

2025/05/01 10:00

初心者卒業！ はじめてのHTML/CSS

Bloggerでブログをはじめて、色々できるようになって……段々、アレもコレもいじりたくなってきますよね！ そうすると、どうしてもHTMLやCSSに手を加える必要が出てきます。 本記事ではHTMLとCSSについて軽く説明し、Bloggerでの編集方法を解説していきます。

2025/04/30 10:00

上（ページトップ）に戻るボタン設置方法

長い記事だと上に戻るボタンって便利ですよね。 ぜひBloggerのブログにも取り入れてみましょう！ 上に戻るボタンは、レイアウトのガジェット追加で設置することができます。 ガジェット追加のHTMLを用いるので、HTML入門にも良いかもしれません。

2025/04/29 10:00

記事の本文の行間の幅を変更する方法

ブログの雰囲気によって、ブログの本文の間隔を狭めたり広げたりしたいと思うことがあるのではないでしょうか。 本記事ではカスタマイズから行間の幅を変更する方法を解説します。

2025/04/28 10:00

パソコンのブラウザでスマホ表示を確認する方法

ブログを書く時、パソコンを使う方も多いと思います。 スマホアプリよりパソコンの方が機能が多くて作業が捗るというケースもあるでしょう。 ですが、ブログを閲覧する側はスマホの方が多いのではないでしょうか。 そうなると、スマホでの見え方が気になりますよね。 本記事ではブラウザの機能を用...

2025/04/27 10:00

ブログアイコン（ファビコン）の設定方法

Bloggerではファビコンを設定できます。 本記事ではそもそもファビコンとは何なのかの説明や、その設定方法について解説します。

2025/04/26 10:00

サイドバーにテキストを追加する方法

サイドバーにテキスト（文章）を追加することができます。 本記事ではテキストの追加方法に加え、文字の色や大きさや配置を変更する方法を解説します。

2025/04/25 10:00

トップに表示する投稿数の変更方法＆投稿数が減ってしまう問題解決方法

ブログのトップに表示する投稿数は変更可能です。 ですが、設定した数より少なく表示されてしまうケースがあります。 本記事では投稿数の変更方法と、表示数の問題解決について解説します！

2025/04/24 10:00

投稿テンプレート（定型文）の作成方法

ブログを書くにあたって、毎回同じ文章を書く場合もあると思います。 冒頭の挨拶、文末の締めくくり、ブログ村のバナーなどなど……。 これらを毎回書いたりコピペするのって面倒ですよね？ そんな時は投稿テンプレートで定型文を設定してみましょう！

2025/04/23 10:00

投稿日時がズレる！？ 日本時間に変更する方法

記事を投稿すると、何故か投稿日時がズレてしまう！？ 実はBloggerの初期設定そのままだと、アメリカの時間になってしまっています。 早速、日本の時間に変更しましょう！

2025/04/22 10:00

個別ページの作成方法

Bloggerではブログの記事ではない個別のページを作成することができます。 例えばアドセンスで必須のプライバシーポリシーのページをつくるのには欠かせませんね。 本記事では個別ページの作成方法からブログへの設置の仕方まで解説していきます！

2025/04/21 10:00

ブログタイトル（ヘッダー）の設定方法

ブログタイトル（ヘッダー）の変更や設定方法をまとめました。 ブログの顔になる場所です。画像を使ったり文字の大きさを変えたりと、色々試してみましょう！

2025/04/20 10:00

プロフィール＆連絡フォームの設定方法

プロフィールと連絡フォームは連動しているので、同時に解説します。 プロフィール＆連絡先の必要性 ブログの内容にもよりますが、誰か分からない人が書いているブログは信憑性に欠けるものです。 また自己紹介で親しみを持って頂ける方が「ブログ見たい！」って気持ちになりますよね。 色々な面で...

2025/04/19 10:00

記事の投稿方法を徹底解説！

ブログを作成したら、早速記事を書きたいですよね！ 本記事では記事の投稿方法を細かく解説していきます。

2025/04/18 10:00

テーマの選択とカスタマイズ

ブログを作成したら、先ずはブログのデザインを決めていきましょう！ Bloggerではブログのデザインをテーマと称しています。

2025/04/17 10:00

Bloggerの登録方法

Bloggerでブログを始めるために、先ずは登録をしましょう！ Googleアカウントが必要 BloggerはGoogleの提供するブログサービスです。 登録にはGoogleアカウントが必要なので、もしお持ちでない場合は先にGoogleアカウントの作成を行って下さい。

2025/04/16 10:00

ブログサービスBloggerとは？ メリットデメリットを徹底解説！

ブログを始めたい！ そう思って調べると、ブログサービスって色々ありますよね。 Bloggerもそんなブログサービスの一つです。 でもBloggerってあんまり聞いたことないかも？ そう、実は日本ではあまり有名ではありません。 ですが、提供しているのはあの天下のGoogle様なので...

2025/04/15 10:00