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

公開日:2020-05-10 更新日:2020-10-02

Blogger HTML/CSS

t f B! P L

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の設定を反映することができる

以上

About me

ゆかき(♀)

アラサー駆け出しインフラエンジニア
ど文系営業からSEへ転身し日々奮闘している人

一児の母

#AP応用情報 #HTML5Lv1 #第2種電気工事士 #DCP(Data Center Practitioner) #LPIC Lv2 #VCP6.5 #CCNP #Oracle Bronze #HTMLv5 #TOEIC860

Media

こちらのイベントで記事紹介いただいていた、嬉しい。

Line stamp

僭越ながら販売中

Green cat & Orange cat

Amazon