アメブロのサイドバー(プラグインの追加)に、YouTubeを埋め込む方法と注意点。

この記事は2分で読めます

アメブロにYouTube動画を埋め込む

アメブロサイドバーにYouTubeを埋め込む方法を、ご紹介します♪

まず始めに注意点として、自分がアメブロのレイアウトが、2カラムなのか、3カラムなのかを確認して下さい。

◆アメブロのカラム数とサイズはこちらから確認出来ます

 

また、アメブロにYouTube動画を埋め込みたい場合、フリースペースに埋め込むのかプラグインに埋め込むのかを決めて頂き、既にサイドバーに、そのどちらかを設定している場合は、設定しているカラム数のサイズを確認する必要があります。

 

 

そして、カラム数に応じて、YouTubeの埋め込みたい動画のサイズが決定しますので、それを覚えてYouTubeを開きます。

 

SponsoredLink

1.YouTubeで、埋め込みたい動画を選択します。

スクリーンショット 2015-09-26 03.57.46

赤下線部、①共有、②埋め込みコード、③もっと見るの順番でクリックします。

 

2.アメブロのサイドバーに応じて、横幅を決定します。

スクリーンショット 2015-09-26 04.02.13

赤枠内に、横幅の数値(半角)を入れて「Enter」を押すと、その右側の数値が自動で計算されます。

※3カラムの小さい方のサイズ、180pxに数値を設定すると、200×113と勝手に算出されてしまうので、180pxにしたい場合は、180×92位に設定するといいと思います。

 

↓すると自動でコードが作られるので、埋め込みコードをコピー(Ctrl+C)します。

スクリーンショット 2015-09-26 04.09.40

このコードの300(横幅)と160(縦幅)を変更すれば、180pxのカラムにも変更できます。

 

3.アメブロのサイドバーに埋め込みコードをペーストする。

アメブロのマイページを開き、右上の歯車(設定の横)のメニューバーを開きます。

スクリーンショット 2015-09-26 04.16.02

そして、メニュー内の、サイドバー項目、プラグインの追加orフリースペースの編集を選択。

 

◆プラグインに追加の場合

プラグインに追加を選択した場合、赤下線部のフリープラグインタブを選択し、先程のYouTubeの埋め込みコードをペーストし、保存をクリックです。

スクリーンショット 2015-09-26 04.28.20

◆フリースペースの編集の場合

赤枠内に、YouTubeの埋め込みコードをペーストし、保存をクリックして完了です。

スクリーンショット 2015-09-26 04.28.33

 
【合わせて読みたい記事】 
アメブロ記事内に、Youtube動画が埋め込めない時の対処法
アメブロのサイドバーにTwitter(ウィジェット)を埋め込み方を解りやすく解説!
アメブロ記事内にYouTubeを埋め込めてない方へ…。
アメブロにグーグルアナリティクスを設置する方法
 

SponsoredLink
  • このエントリーをはてなブックマークに追加
  • LINEで送る

関連記事

  1. ameba_blog
  2. Google Analyticsをアメブロに設置
  3. 97737e005c2335bd45df1c73124869c8_s
  4. freemake3
  5. アメブロにYouTube動画を埋め込む
  6. アメブロにYouTube動画を埋め込む
  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

◆登場人物◆


名前:博之
出身地:愛知県
誕生日:6月12日


WEB集客、経営論とかマーケティングのプロを目指す。ブログもそうした記事が増えると思います。

V系バンドBAELSCOPEとして2012.10月まで活動後、AIMへ改名して、Rockシーンへ。
【BAELSCOPE代表曲】EXCEED

現在AIM、活動休止中。
【AIM代表曲】oputimum Execution

2016.1月10日Altair解散。
長い音楽人生に終止符を打つ事を決めました。


Twitter→https://twitter.com/Reira_GT
Instagram↓
Instagram
2014年5月23日生まれのオス猫のティガ。
性格は臆病で甘えん坊です(笑)
職場の上司の家に遊びに来ていた野良猫が産んだ猫ちゃんです。
猫を飼うのは初めてで、疑問に思っている事や病気の対策などを
自分なりに調べたりして、ブログに書き残しています。

◆僕の新しい家族(猫)ティガさんが我が家にやって来た♪Part.1
◆僕の新しい家族(猫)ティガさんが我が家にやって来た♪Part.2
◆僕の新しい家族(猫)ティガさんが我が家にやって来た♪Part.3
◆猫がおしっこをしない時の対処法と飼い主に出来る事
◆猫が食べてはいけないもの危険な物!チョコは命に関わる危険性も。
◆猫の抜け毛の時期と対処はどうすれば!?病気の可能性は!?
猫のティガさんの肉球!!性格診断出来るの??

  • このエントリーをはてなブックマークに追加
  • LINEで送る

PR