どうもこんにちは、お腹を壊してスッキリしていない、ブログ住民のあんこぱん（@ankopan01）です。
前科の記事「はてなブログProの設定の備忘録、はてブ人気記事が表示できる、ブログパーツを設置してみました」では、はてブ人気記事のブログパーツの設置方法を紹介しました。
そこで気になることがあります。
PCサイトのサイドバーでは、ブログパーツは特に問題なく表示されますが、スマートフォンサイトの記事下やフッタに設置した場合、ブログパーツが左寄せになってしまう場合があります。
これですと見た感じがイマイチで、なんかスッキリしません。
そこで今回は、これでスッキリ！とても簡単と題して、左寄せになってしまうブログパーツを中央に配置する方法をご紹介します。
1.ブログパーツが左寄せになる
PCサイトのサイドバーでは、ブログパーツは特に問題なく表示されますが、スマートフォンサイトの記事下やフッタに設置した場合、ブログパーツが左寄せになる場合があります。
筆者の場合、「ツイッターのフォローボタン」と「はてブ人気記事」のブログパーツが左寄せになりました。
2.左寄せになってしまうブログパーツを中央に配置する方法
今回の方法はとても簡単です！
左寄せになってしまうブログパーツを中央に配置する方法
ブログパーツのコードの前に「<div align="center">」を貼り付けると、ブログパーツを中央に配置できます。
<div align="center">
ブログパーツのコード
これで問題なく、はてなブログのスマートフォンサイトの、左寄せになるブログパーツを中央に配置できます。
3.まとめ
筆者の場合、はてなブログのスマートフォンサイトで左寄せになっていた、「ツイッターのフォローボタン」と「はてブ人気記事」のブログパーツも無事に中央に設置ができました！
ウェブサイトの各パーツの配置の違いは、意外と気になるところです。筆者の場合も、各ブログパーツは表示されていましたが、中央配置と左寄せ配置のブログパーツが混在されてしまい、どうもスッキリしませんでした。
今回の方法で、全てのブログパーツを中央に配置することができ、とてもスッキリしています。
はてなブログを利用している場合、同様のお悩みのユーザーが少なからずいると思います。
今回のブログパーツを中央に配置する方法で、左寄せになってしまうブログパーツを、中央に配置することができるので、カスタマイズアイデアとして参考にしてください。
うまくいけば、とてもスッキリします！