Youtube関連 アメブロ関連

アメブロのサイドバー(プラグインの追加)に、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関連, アメブロ関連

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

ムービーメーカーとYouTubeと効果音♪著作権フリー

Tweet Tweet スポンサードリンク そして、これはあんまり、このブログを見てる人には関係のないお話かもしれないけど、動画編集に、僕が使ってるのは、ムービーメーカーってやつですね!! &nbsp …

アメブロでメッセージが送れない!?解決策や対処法を検索してみました。

Tweet Tweet スポンサードリンク さて、更に、この記事も書きたかった!! と言うのは、アメブロにメッセ送ったのに送れませんでした!!ってリプをTwitterで貰ってたので!   僕 …

Freemake Video Converterの使い方(WMVに変換)について…

Tweet Tweet スポンサードリンク 昨日の更新『DVDをPCに保存する無料ソフト(Freemake Video Converter)、ダウンロード方法と、注意点。』の続きの記事になります。 & …

アメブロのサイドバー、カラム別のサイズは何px?

Tweet Tweet スポンサードリンク アメブロサイドバーに関しても、いくつかの記事を更新していますが、写真を埋め込むにしても、YouTube動画を埋め込むにしても、サイズをいくつに設定したらいい …

アメブロのサイドバーにYoutube動画を埋め込む方法

Tweet Tweet スポンサードリンク 僕のブログのアクセス解析(アナリティクス)の検索ワードで、『アメブロ、サイドバーにYoutube』と言う検索が来てるので、その方法に関しても詳しく、スクショ …