Bloggerの使い方などを初心者の方にも分かりやすく解説! ブログの始め方からHTMLの編集まで、初心者卒業を目指して徹底解説を心掛けています。 無料で広告なしのブログサービスBloggerを一緒に学んでいきましょう。
プロフィールガジェットの「プロフィールにアクセス」の文言を消す方法
プロフィールの編集方法を プロフィール&連絡フォームの設定方法 で解説しました。 プロフィールには場所や仕事、趣味やお気に入りの映画・音楽・本etc……細かく記入ができます。 が、正直その部分を細かく記載している方はBlogger利用者には少ないような気がします。 自分のプロフィ...
以前、 リンクに下線(アンダーライン)を追加する方法 を解説しました。 記事のリンクに下線を追加してリンクは分かりやすくなったのですが、段々サイドやトップページのリンクも分かりやすくしたいと思うようになりました。 でも、全部のリンクに下線が入っていると邪魔かも? そこでマウスをの...
Bloggerのデメリットの一つがコミュニティ機能がないことです。 (詳細記事 ➡ ブログサービスBloggerとは? メリットデメリットを徹底解説! ) コミュニティがないということは、初動の閲覧が全くないということになります。 せっかく作成したブログを、誰にも見てもらえない...
最新記事(新着記事)はレイアウトのガジェット追加にあるフィードガジェットで表示させることが可能です。 本記事では最新記事をサイドバーなどに表示する方法を解説します。
最初につけたラベルを削除したり変更したくなることがあると思います。 ラベルの変更は、記事を開かずに行うことが可能です。 本記事ではその方法を解説します。
日本語テーマQooQは最終更新日が2022年10月です。(2025年5月時点) そのため、X(エックス)がTwitter(ツイッター)になっています。 本記事ではその部分の変更方法を解説します。 ↓↓↓ それに合わせて、記事の上下にあるシェアボタンを片方だけにする方法も解説します...
Bloggerで記事を書く時、フォントサイズを標準にしている方が多いと思います。 ただ、標準だとちょっと文字が小さいと思う方もいるのではないでしょうか。 本記事ではCSSの追加で文字のサイズを変更する方法を解説します。
Bloggerで使えるフォントは種類が多いものの、日本で馴染みのあるフォントがないので悩みますよね。 そこで、本記事ではCSSの追加で日本語向けのフォントに変更する方法を解説します。
自分は当ブログを含め、3つのブログを開設しています。 現在は3つともGoogleAdSense(アドセンス)の審査が通っていますが、その道のりは長かった……! 本記事ではアドセンス審査の実体験を語っていきます。 アドセンス審査についての詳細は アドセンス審査、申請のポイント を閲...
Bloggerは無料のブログでありながら、独自ドメインを取得せずともGoogleAdSense(アドセンス)を利用することができます! 完全無料でブログ収益化を目指せるのはBloggerの強みです。 本記事では簡単な申請のポイントについて解説します。
連絡フォームガジェットのデザインは、初期のままだと幅が違うので違和感があります。 またメッセージ欄の幅を変えられますが、縦にも横にも広がってしまうので使い勝手が良くありません。 そこで、デザインを少し変更してみるのはいかがでしょうか。
ホームの記事の一覧で、前の記事に移動するリンクは「その他の投稿」となっています。 ちょっとそっけないというか、分かりにくいですよね? これを以下のようなページネーション(ページャー)に変更する方法を解説します。
投稿記事の一覧の表示数はレイアウトか設定から変更することが可能です。 ただこの値は検索結果やラベル表示には反映されず、初期状態であれば20件表示されてしまいます。 本記事では検索結果やラベルの表示件数をHTML編集で変更する方法を解説します。
前回は ガジェット追加で関連記事の自動表示をさせる方法 を解説しましたが、本記事ではHTML編集での方法を解説します。 ガジェット追加版の方が簡単ですが、HTML版の方が表示が早いのでオススメです。
記事の終わりに関連記事が表示されると、興味を持って他の記事も読んでもらえるチャンスにつながります。 関連記事の自動表示は、レイアウトのガジェット追加で設置することができるので挑戦してみましょう! ガジェット追加のHTMLを用いるので、HTML入門にも良いかもしれません。
公式テーマEmporioでは、トップページ(ホーム画面)の幅をカスタマイズで変更できます。 ただ、記事の画面での幅はHTMLの編集でしか変更できません。 本記事では、そんな記事画面の幅の変更方法を解説します。
Bloggerの公式テーマ(テンプレート)もいいですが、配布されているテーマも魅力的ですよね。 有料のテーマもありますが、有志の方が無料で配布してくれているテーマもあります。 本記事では、そんな外部テーマの設定方法を解説します! また、自分が別のブログで実際に使用しているテーマを...
長い記事の時に目次があると便利ですよね。 Bloggerでも目次を自動生成する機能を追加することが可能です。 HTMLの編集をガッツリ行うので、慣れてきたら挑戦してみましょう!
皆さん、検索エンジンは何を使用していますか? 多くの方はGoogleを使っているのではないでしょうか。 複数の単語を組み合わせて検索して……でも、調べ物がなかなか見つからないこと、ありませんか? そんな時は違う検索エンジンを使ってみてはいかがでしょうか。 本記事ではオススメの検索...
Bloggerの共有ボタン(シェアボタン)は以下のようなアイコンです。 テーマにもよりますが、記事の本文の上下に差し込まれます。 この位置を左寄せ/中央寄せ/右寄せに変更する方法は、CSSの追加で行えます。 それに合わせて、共有ボタン上下の余白の幅を調整するHTMLの編集について...
Bloggerの日付表記が海外式で、日本で馴染みのある年月日の順に並んでいない問題……これは結構気になる点になるかと思います。 HTMLの編集が必要になってくるので、ブログの扱いに慣れてきたら挑戦してみましょう!
「このコード不要だから削除しよう……でも、必要な時が来るかも?」 「HTML内に日本語でメモ書き残したいなぁ」 そんな時、役に立つのがコメントアウトです! 本記事ではHTMLとCSSのコメントアウトについて解説します。
【Emporio】スティッキーヘッダー(記事上部のブログタイトル)を透過させる方法
公式テーマEmporioでは、記事上部にブログタイトルが常時表示されるようになっています。 いつでもトップページに戻れるありがたい仕様ですね。 これをスティッキーヘッダーと呼びます。 ただスマホなどで見た時には画面が狭く圧迫されるように感じるかもしれません。 それを解消するために...
【Emporio】記事の背景に画像が反映されないようにする方法
公式テーマEmporioでは、記事の画像の一番上のものが記事の背景に反映されます。 オシャレな写真だったら雰囲気がでて良い感じになると思うのですが、当ブログのように解説をメインにしていたりすると不要になってきます。 そこで、本記事ではHTMLの編集でその仕様を削除する方法を解説し...
画像を縦に並べて、画像と画像の隙間のない状態で投稿しようとすると……何故か画像と画像の間に隙間ができてしまいます。 この問題はCSSの追加で解決できます。 初期状態だと、本文の入力画面で画像をくっ付けても……
自分のブログをスマホで確認すると、記事に横スクロールバーが出てしまう……そんな画面が横にはみ出る問題が起こっていないでしょうか? 本記事ではその問題をCSSの追加で解決する方法を解説します。
初期状態でブログのラベルにアルファベットを使うと、小文字が勝手に大文字になってしまいます。 アルファベットの小文字を使いたい時には困ってしまいますよね。 例えば当ブログだと【Blogger】が【BLOGGER】になってしまいます。 ブログサービスのBloggerという名称なので、...
サイドバーなどに設置できるラベルとブログアーカイブは初期状態だと折り畳まれています。 常に表示させておく(展開させておく)にはHTMLの編集が必要です。 当ブログではラベルをカテゴリーに改名していますが、ラベルはこんな感じになります。 ↓↓↓
記事で使う見出しのデザインはCSSの追加で変更可能です。 Bloggerの公式テーマの見出しはシンプルな大きい太文字です。 ちょっと物足りない、オシャレにしたいって時は変更しちゃいましょう!
Bloggerの初期状態だとリンクに下線(アンダーライン)がなく、本文中でリンクが分かりにくいかと思います。 本記事ではCSSの追加でリンクに下線が入るようにする方法を解説します。
ブログタイトルの文字の配置変更方法(左寄せ/中央寄せ/左寄せ)
ブログタイトルとブログの説明文の位置を左寄せor中央寄せor左寄せに変更するのは、CSSの追加で可能です。 ブログテーマによって、初期の配置は色々です。 例えば、当ブログで使用中のテーマEmporioではブログタイトルとブログの説明文が初期設定では左寄せになっています。 これをC...
「ブログリーダー」を活用して、SELENさんをフォローしませんか?