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

スポンサードリンク
僕の人生を変えた本 ランキング!30代の僕がオススメする厳選6冊!
僕が人生を変えた!と言うことを考えると、やはり本から沢山の価値観や知識を得たことが大きく影響しています。
自分の頭で考えたって、人生変わるものじゃない。
人生を変えたいと思っているなら、他の人生を楽しく生きている人から学ぶのが確実だと思います。
その中で、30代の僕自身が読んだ、人生を変えたと思わせてくれる本のランキングを作ってみました!
絶対手にとって、読んで欲しい!と魂込めて紹介します!

-Youtube関連, アメブロ関連

執筆者:


comment

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

関連記事

アメブロのサイドバーにTwitter(ウィジェット)を埋め込み方を解りやすく解説!

Tweet Tweet久しぶりにコレ系の記事を書きますね♪ タイトルのように、アメブロのサイドバーカスタム的な物も、一昔前…と言うか、Vシーンにいた時は、僕はスタッフさんとかが、全てやってくれていたの …

アメブロからペタがなくなるんだって(´・ω・`)悲しいなぁ…。

Tweet TweetAmebaさん…どんどんシステムの終了が… サービス終了は11月18日(水) つい最近、なうのサービスも終了のお知らせがあったんだよね。 Ameba(サイバーエージェント)も、時 …

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

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

アメブロ記事内にYouTubeを埋め込めてない方へ…。

Tweet Tweetこんばんわ!Reiraです♪   今回は、僕達を応援してくれる方向けのブログじゃない様な内容だけど、 僕が色んな人に、色々共有したいって事は、前々から言ってた事で、 今 …

DVDをPCに保存する無料ソフト(Freemake Video Converter)、ダウンロード方法と、注意点。

Tweet TweetYouTubeに動画をアップする為には、動画をPCに一時保存して、形式を変換して、アップロードする必要がありますね。 僕が、ライブDVD等をYouTubeにアップする時に使ってい …