SNS(40代の副業)

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

SNS(40代の副業)
スポンサーリンク

アメブロサイドバーに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

 

アメブロ関連記事

 

ブログ関連の記事

この記事を書いた人
元V系・トレーナー:ヒロ兄
ヒロ兄

愛知県西春日井郡豊山町
1983年6月12日小牧市生まれ
元V系バンドマンとしてブログを10年以上継続。
現在はボディメイクトレーナー、ブログを書いていた経験を活かしWEBマーケティングにも精通。現在はブログを4個運営中。
このブログでは、
・僕の体験談(ボディメイク・ひとり暮らし)
・WEB関連のこと(SNS発信方法etc...)
・豊山町や地元小牧のお店・イベントの紹介
をしています👍️

ヒロ兄をフォローする

コメント