ウチダマンションｓのネタ帳: ブログ内にYoutubeの動画の埋め込みページを入れる方法！

みなさんこんにちは！楽しくブログライフ送ってますか^^

今日は、この記事や、この記事のように、Bloggerでの記事内に、Youtubeの動画や、アマゾンの商品紹介リンクなど、外部サイトでのサービスを埋め込みで挿入する方法をご紹介します！

■ブログの記事って、どうやって表示されているの？

ブログに限らず、僕達がこのようにWebサイトを表示するときに、どのような仕組みで表示されているのでしょうか？

ウェブブラウザ←このように、リンクを表示したり、このように文字を太くさせたり、Webでの表示では、普通のテキストよりも幅広い表現ができるようになっています。

実は、この仕組み、マークアップ言語のうちの一つである、HTML (Hyper Text Markup Language)という、通常のテキストに様々な機能を持たせるための仕組みによって、実現されています！
最近のWebページだと諸々の都合と、単純な見た目の問題から、
こういう仕組みは利用されることは少なくなっていますが、
一度はこのように動く文字列など、見たことがあるのではないでしょうか？
上のような文章が動く仕組みも、HTMLの記述によって改変することができます。

■HTMLってなに？

Webデザイナーを養成するために記事を作成しているわけではないので(笑)、HTMLという仕組みが何なのか、どうやって機能しているのか、についての説明は省きますが、HTMLとは、ウェブブラウザ上に、どのようにページを表示させるのかを決定する約束ごとと言っていいでしょう！

<a href="http:// ..... ">リンク</a>　のような書き方をして、HTMLは記述されます。
もっとくわしくHTMLや、Webページの作成の方法等知りたい人は、最近はいろいろとネット上でも勉強するツールが揃ってるので、こちらやこちらを見てみるといいでしょう！

■さっそくブログにリンクを埋め込もう！

超特急で説明をしているので、いろいろと説明不足の部分が大量にありますが、コーディング自体のレクチャーではないので、まぁいいとしましょう！

今までに見てきたように、世の中に今の時代広く遍く存在するWEBページというのは、基本的な描写の指定は、すべて「HTML」によって記述されています！

もちろん、Facebookや、Twitterといったページも、このブログも、HTMLによって記述されているのです。

最近のブログサービスは、記事のHTMLを執筆者が直接編集できるようになっていて、我々が使っている、このBloggerのサービスでも、HTMLを直接変更することができるようになっています！

上の画像の青字で説明されているボタンをクリックしてみてください！

すると..

上のようなHTMLの編集画面が表示されます！！

あとでこの画面には戻ってくるので、とりあえずここを押すとHTMLの編集ができるようになるんだな、ってことだけ覚えておいてもらえば大丈夫です♪

■YouTubeのリンクの貼り方！

それでは、まずはYouTubeの動画のリンクを埋め込む方法を見てみましょう！

YouTubeの動画を見ていて...

この動画....アツいな....
なんて思った時、それをシェアしてブログの記事にしたくなっちゃうこと、あると思います！

こんなときは..すかさず「Share」のリンクをクリック！

もしかすると、ここまでの流れは、Twitterにリンクをシェアしたりする際に、よくやり慣れた作業かもしれません！でも今回重要なのはここからですね！

「Share」のリンクに遷移すると、このような画面になるかと思います！