Blogspot に iFrame コードを追加する方法

BlogSpot (現在は Blogger) と呼ばれるブログ サービスでは、iFrame ハイパーテキスト マークアップ言語デザイン コードを使用して外部サイトからコンテンツを追加できます。これを使用して、ビデオ クリップ、広告、インタラクティブ機能などのコンテンツをシンジケートできます。ブログ投稿に iFrame を追加するには、 Blogger の投稿編集ツールを HTML モードで使用してください。

ステップ 1

Blogger アカウントにサインインします。 Blogger は、ホストされているすべてのブログのリストを表示するデフォルトのダッシュボード ページで開きます。

ステップ 2

iFrame コードを追加するブログの名前の下にある [新しい投稿] ボタンをクリックします。

ステップ 3

投稿エディターの入力ボックスにブログ投稿のテキストを入力し、通常の方法で「タイトル」フィールドに見出しを入力します。

ステップ 4

iFrame オブジェクトを含めたい位置のテキスト入力フィールド内をクリックします。投稿エディターの上にある [HTML の編集] タブをクリックして、HTML モードに切り替えます。

ステップ 5

コンテンツ プロバイダーからコピーした iFrame HTML コードを入力ボックスに貼り付けます。たとえば、YouTube ビデオ クリップを追加する場合、ビデオ クリップの下で [共有]> [埋め込み] をクリックすると、クリップの iFrame コードが表示されます。コード スニペットは "" で始まります。

ステップ 6

投稿エディターの下にある [投稿を公開] をクリックして、iFrame を含む投稿をブログに公開します。

ヒント

まずステップ 6 で青色の [プレビュー] ボタンをクリックして、公開する前に iFrame を含む投稿がブログでどのように表示されるかを確認してください。

警告

どの Web サイトにも iFrame を追加できますが、一部のサイトには適切に埋め込まれないようにするセキュリティ設定があります。可能な限り最良の結果を得るために、この目的のために Web サイトが提供する HTML を常に使用してください。