BloggerでHTMLとCSSを編集する方法

BloggerでHTMLとCSSを編集する方法

目次

(下準備)Mobile表示についてもHTMLを編集できるようにする設定
HTMLを編集する方法
CSSを編集する方法

(下準備)Mobile表示についてもHTMLを編集できるようにする設定

モバイルで閲覧する際に、モバイル専用の画面表示を想定する場合は以下の設定をしておく

「Theme」>「Mobile(歯車マーク)」をクリック

「Yes, Show mobile theme on mobile devices.」のラジオボタンを選択
「Choose mobile theme」から「Custome」を選択
「Save」を押下し完了

HTMLを編集する方法

まずは、BloggerでHTMLを編集する方法

「Theme」>「Edit HTML」をクリック

こちらの画面で自由に編集できる

編集し終わったら「Save theme」で終了する
長いので、「Jump to widgeet」から編集したい場所に一発で飛ぶことも可能

CSSを編集する方法

次は、BloggerでCSSを編集する方法

「Theme」>「Customize」をクリック

「Advanced」>「Add CSS」を選択し、出てきた白い枠の中に記載することでCSSの設定を反映することができる

以上