*

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

   

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

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

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

 

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

 

 

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

 

スポンサードリンク

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を埋め込めてない方へ…。
アメブロにグーグルアナリティクスを設置する方法
 

スポンサードリンク

 - Youtube関連, アメブロ関連