【Blogger】Twitterの埋め込みをCSSで中央揃えする方法

こんにちはイチケンです。

この記事ではBlogger記事へのTwitter表示をCSSで中央揃えする方法を紹介します。そのままTwitterからコピペするだけだと左揃えになっちゃいますのでCSSで全部中央揃えにしちゃいます。

こんにちは
アメリカ砂漠でキャンプ×IoT×AI探求中です🏜

【米歴】4年目
【拠点】NV
【スタイル】砂漠キャンプ with IoT
【テント】REI Passage, REI Kingdom
【愛用デバイス】Raspberry Pi 4
【好き】焚き火、パン🥖

よろしくお願いします#在米鍋会#キャンプ好きとして軽く自己紹介 pic.twitter.com/uJMOKiCAOr

— ICHIKEN@🇺🇸エンジニアキャンパー🏕 (@IchikenUsa) May 28, 2021

前提条件

当ブログはブログサービスにBlogger、テンプレートにQooQ（いずれも無料）を使っています。

CSSコード

ではさっそく。念の為バックアップを取ってから編集しましょう。

「テーマ」→「▼」→「バックアップ」→「HTMLを編集」

以下のコードをCSS部分に挿入してください。

/* Twitter中央寄せ */
.twitter-tweet {
	margin-left: auto;
	margin-right: auto;
}

私はこんな感じで挿入してます。

以上！