アメブロのサイドバーにyoutubeを載せる方法


20121026_1

こんばんは、ウィズデザインの横山です。

アメブロのサイドバーやメッセージボードにyoutubeの動画を載せたい場合ってありますね。

でも、アメブロさんは色々と禁止タグがあったりするので、簡単に載せる事ができません。。

でも、一つだけ方法があります。

それが、フリープラグインを利用する方法です。

さっそくですが、簡単な流れをまとめてみます。

 

1)
まずはyoutubeを開きます。
動画の下に「共有」のボタンがあるのでクリック

2012-10-25_23h51_48

2)
そうすると下のような画面があらわれるので、右の「その他」をクリックしてください。

2012-10-25_23h52_42

3)
そうすると今回利用したいアメブロのマークが出てきました。

2012-10-25_23h52_58

4)
それをクリックするとアメブロの記事に挿入されます。
でも今回は記事に挿入したい訳ではないので、ここから一工夫します。

記事の上のHTML表示をクリックしてください。

2012-10-25_23h54_05

5)
出てきた文字列を全部コピーしましょう!

2012-10-25_23h54_25

6)
そうしたら、今回利用するプラグインのページに移動して、フリープラグインを開きます。

その中(一番下でOKです。)にコピーした文字列をペーストしてください。

ここで気を付ける事として、そのままだと横幅が大きいサイズになっているので

「width=***px」

の箇所をサイドバーの大きさに合わせて調整してください。

太いバーに合わせるのであれば300pxでOKだと思います。

2012-10-25_23h55_21

7)
ブログを確認してみると、ちゃんとyoutubeが表示されている事がわかります。

2012-10-25_23h58_02

8)
もし、表示されない場合は、表示されている場所が気に入らない場合はサイドバーの配置設定を編集して、「フリープラグイン」を表示したい箇所に持ってきて下さい。

2012-10-25_23h57_22

まとめ

アメブロは色々と制限がありますが、唯一フリープラグインは制限が少なく利用できます。

youtubeをアメブロで活用したい場合は是非この方法を試してみて下さい^^)


2012-10-26 | Posted in なんとなく日常No Comments » 

関連記事