ブログのノウハウ

【blogger】サイドバーに新着記事を入れる方法

bloggerのサイドバーに新着記事を入れる方法を紹介
hyu
当サイトのリンクには広告が含まれています。

bloggerのサイドバーに新着記事を入れて、少しでも読者が巡回してもらいやすくしたいですよね。

この記事ではbloggerのサイドバーに新着記事を入れる方法を紹介します。

サイドバーの編集方法も解説しますので、最後までお読みください。

この記事でわかること
  • bloggerのサイドバーに新着記事を入れる方法
  • bloggerのサイドバーの編集方法
あわせて読みたい
【保存版】bloggerのカスタマイズ方法のまとめ
【保存版】bloggerのカスタマイズ方法のまとめ

bloggerのテーマ「QooQ」

僕が使っているブログは「blogger」で、テーマが「QooQ」です。

現在は「Word Press」を使用しており、テーマは「swellとJIN:R」を使用しています。

swellで運営しているサイト→kimakura(気ままな暮らし)

JIN:Rで運営しているサイト→お家が仕事場なんだけど!?

ブログの中にテンプレートがあったのですが、どれもしっくりくるものがなく悩んでいました。

他のサイトで調べていたらくうく堂さんのblogger日本語テンプレート「QooQ」と言われるテーマがありました。

くうく堂さんのQooQは非常に扱いやすく初心者の人でも簡単に設定ができます。

bloggerを使用しており、テーマが「QooQ」の人が対象になっていますので、ご注意ください

あわせて読みたい
10分でできるWordPressブログの簡単な始め方!【超初心者向け】
10分でできるWordPressブログの簡単な始め方!【超初心者向け】

bloggerのサイドバーの編集方法

ひゅー
ひゅー

それでは、サイドバーを編集していきましょう!

  1. 編集画面の「レイアウト」を選択
  2. 下にスクロールして「サイドバー」から変更・編集
  3. 「ガジェットを追加」を選択でメニューを増やすことができる

以上がサイドバーの編集方法です。

これで、サイドバーの基本的な編集補法を覚えましたね。

bloggerのサイドバーに新着記事を入れる方法

FumaさんのIB-Noteのサイトを参考に行いました。

僕はFumaさんが作成されたHTMLをコピーして新着記事をサイドバーに入れました。

ここでも簡単に入れ方を紹介しますが、おそらくFumaさんのサイトをみれば簡単に入れることができます。

もっと詳しく知りたい方はFumaさんのサイトへ行きましょう。

まずはIB-Noteに作成されたHTMLがあるので、それをコピーしてください。

それを、先ほど紹介したサイドバーの編集から変更します。

編集の前に必ず、バックアップをとりましょう。編集がうまくいかなかったら、編集前に戻るためです。

サイドバーに新着記事を入れる方法
  1. 「ガジェットを追加」を選択
  2. 「HTML/JavaScript」を追加
  3. 「HTML/JavaScript」の右下にある編集を選択
  4. 先ほどコピペしたHTMLをコンテンツにペースト
  5. タイトルの中に新着記事や最新の投稿など自分が入れたい文章を入れる
  6. 「保存」を選択
  7. 右下にある「プレビュー」を選択
  8. 新着記事が入っているのを確認ができたら、右下にある保存を選択

忘れた人は上記を参考にしてください。

新着記事が確認ができない場合は、1からやり直しましょう。

さいごに

今回はbloggerのサイドバーに新着記事を入れる方法のお話でした。

サイドバーだけでなく、フッターの部分にも挿入することができます。

サイドバーはパソコンで記事が読まれたときに見られる場所です。

記事を読んでいる人が、無意識に見る場所なので、少しでもおしゃれにしたいですよね。

この記事を読んで、サイドバーを自分好みにしてみましょう。

あわせて読みたい
【保存版】bloggerのカスタマイズ方法のまとめ
【保存版】bloggerのカスタマイズ方法のまとめ
ABOUT ME
ひゅー
ひゅー
気ままなブロガー
20代の気ままなブロガーです。ブログ運営で生活をしています。ブログ運営で得た知識を当サイトで発信中。
記事URLをコピーしました