「HTML/JavaScript」ガジェットの追加方法と使い方

Blogger で用意されているガジェットの中で「HTML/JavaScript」ガジェットは HTML を使って記述された文や JavaScript のコードをブログに追加したい場合に使用します。 Google マップや YouTube などの埋め込みコードを追加したい場合や AdSense の広告コードなどを追加したい場合にも利用できます。ここでは Blogger の HTML/JavaScript ガジェットの使い方について解説します。

(2022 年 04 月 12 日公開 / 2022 年 06 月 04 日更新)

HTML/JavaScriptガジェットの使い方

最初に HTML/JavaScript ガジェットを追加します。管理画面左側に表示されている「レイアウト」をクリックしてください。

HTML/JavaScriptガジェットの使い方(1)

「レイアウト」画面が表示されます。

HTML/JavaScriptガジェットの使い方(2)

追加する位置にある「ガジェットを追加」をクリックしてください。今回は「サイドバー(下)」にある「ガジェットを追加」をクリックしました。

HTML/JavaScriptガジェットの使い方(3)

追加するガジェットを選択する画面が表示されます。この中の「HTML/JavaScript」をクリックしてください。

HTML/JavaScriptガジェットの使い方(4)

HTML/JavaScriptガジェットの使い方(5)

「HTML/JavaScript」ガジェットの設定画面が表示されました。

HTML/JavaScriptガジェットの使い方(6)

「タイトル」にガジェットが表示されるときのタイトルを入力し、「コンテンツ」に HTML 文または JavaScript のコードを入力してください。今回は例として Google マップの埋め込み用のコードを追加してみます(サイドバーに入るようにサイズを変更しています)。入力が終わりましたら「保存」をクリックしてください。

HTML/JavaScriptガジェットの使い方(7)

「HTML/JavaScript」ガジェットの追加が完了しました。

HTML/JavaScriptガジェットの使い方(8)

それではブログへアクセスしてください。サイドバー(下)の一番上に先ほど追加した「HTML/JavaScript」ガジェットが表示されます。今回は Google マップの埋め込みコードを入力していたので Google マップが表示されています。

HTML/JavaScriptガジェットの使い方(9)

このように任意の HTML 文や JavaScript のコードをブログに追加する場合に使用することができます。

-- --

Blogger の HTML/JavaScript ガジェットの使い方について解説しました。

( Written by Tatsuo Ikura )

広告
Profile
profile_img

著者 / TATSUO IKURA

初心者~中級者の方を対象としたプログラミング方法や開発環境の構築の解説を行うサイトの運営を行っています。