【blogger】QooQのサイドバーを追従させる設定をわかりやすく紹介！

カメさん

bloggerのテーマ「QooQ」を利用していて、サイドバーを追従させることはできる？

ひゅー

可能です！しかも簡単にできるので、すぐにできますよ！

カメさん

本当に！？

この記事ではbloggerのテーマ「QooQ」を利用していて、サイドバーを追従させる設定を紹介します。

あわせて読みたい

【保存版】ブログで0から月5万円を稼ぐためのロードマップ

あわせて読みたい

【保存版】bloggerのカスタマイズ方法のまとめ

【blogger】QooQのサイドバーを追従させる方法

ブログをしていて、サイドバーの右側の部分がなくて、なんかもったいない！

と感じているのではないでしょうか。

ほかの人のブログを見ていると、サイドバーがくっついてきて、おしゃれだな！

と僕も感じていました。

カメさん

下にスクロールしていくと、右側が真っ白になっていく・・・。

そんな中で、どうにかbloggerのQooQでもサイドバーを追従する方法はないかと調べていました。

サイドバーを追従するにあたって、参考にしたサイトは「ふじろじっく」さんの記事を参考にしました。

くわしく知りたい人はこちらのふじろじっくさんの記事を見てくださいね。

それでは、サイドバーを追従させる方法を紹介します。

#sub-content {

    display: flex;

}

#sub-content .widget:last-child {

    position: sticky;

    top: 0;

引用：ふじろじっく

上に書かれている文字をコピーしてください。

こちらの文字をコピーしたら、「CSSを追加」にペーストしてください。

これで、サイドバーが追従するようになります。

カメさん

めちゃくちゃ簡単だね！

ひゅー

はい！こちらのコードを考えてくれた「ふじろじっく」を運営しているふじやんさんに感謝ですね！

さいごに

今回は、bloggerのQooQでのサイドバーの追従方法を紹介しました。

サイドバーをおしゃれにしたい！という人にはおすすめです。

CSSを追加するだけなので、ブログ初心者でもできます。

サイドバーはブログの記事を読んでもらっているときに、必ず目を通す場所です。

サイドバーをおしゃれに、実用的にしてブログ読者を増やしましょう！

あわせて読みたい

【保存版】bloggerのカスタマイズ方法のまとめ

ひゅー

気ままなブロガー

TwitterContact

20代の気ままなブロガーです。ブログ運営で生活をしています。ブログ運営で得た知識を当サイトで発信中。