検索エンジン等で「YouTube・サイドバー・貼り付け」で検索されて、当ブログへお越しになっている方がいらっしゃいます。たぶん貼り付け方を知りたくて、起こしになっているんではないかと推察しております。確かに貼り付けはしてありますが、その方法については未投稿です。そこで今回の『NFWのブログ教室』は「動画・サイドバー・貼り付け」をテーマに記事を書くことにしました。
ただし、何故かgooブログではサイドバーの編集は有料の「
アドバンス」会員になっている必要があります、ご承知おき下さいますようお願い致します。
「YouTube」等の動画をサイドバーに貼り付けるには、元のままのサイズですと大きすぎますので、先ずそのサイズを変更しなければなりません。方法は簡単です、スクリプトの数字の部分を変えてやるだけです。スクリプトの知識は必要ではありません。
元のサイズのスクリプトは以下の様になっています。
<object width="425" height="355"><param name="movie" value="http://www.youtube.com/v/cGE5jxWdupQ&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/cGE5jxWdupQ&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="425" height="355"></embed></object> |
数字で書かれている部分が全部で
4箇所あることに注目してください。[width]は幅を[heigth]は高さを表しています。それぞれ”425”と”355”になっています。
これらの寸法を変えてやります。僕の場合サイドバーに合うよう38%に縮小しています。
width(幅) 425×0.38=161.5≒162
height(高さ) 355×0.38=134.9≒135
それぞれ数字を書き換えてやります。
<object width="162" height="135"><param name="movie" value="http://www.youtube.com/v/cGE5jxWdupQ&rel=1"></param><param name="wmode" value="transparent"></param><embed src="http://www.youtube.com/v/cGE5jxWdupQ&rel=1" type="application/x-shockwave-flash" wmode="transparent" width="162" height="135"></embed></object> |
次にgooブログの場合、これをブログパーツ用の文字列に変換します。
変換の仕方はこちらから
↓ ↓
http://blog.goo.ne.jp/how_to/e/89b470fc570d02bbdcc5c80003546e85
変換後の文字列は[ ]のなかに
parts:eNozsDJkhAMmJkNTCyZDYwNGJgszSyPTNEuLZHdX06yK8JTSgkAmGDA2xS4P1czEhKQSAOIXD8o=
のように表示されます。
さらに変換された文字列をテンプレートの編集のHTML側(アドバンス会員のみの表示となります)に貼り付けます。僕は位置としてQRコードの下に貼り付けています。
<!-- 右メニュー -->より少し下の<!--/gooおすすめリンク-->よりちょっと下。</table>タグの下に<br>タグを2個付けた後に『お薦めYouTube』と題して貼り付けました。
こんな感じです。
<!--/gooおすすめリンク-->
</div>
</td>
<td><img src="/images/clear.gif" width="5" height="7" alt=""></td>
</tr>
</table>
<br><br>
『お薦めYouTube』
<!-- 「The Heat is on」by Glenn Frey -->
[ここに変換した文字列を貼り付けます]
<br>
テスト的に載せてます。
<!-- /「The Heat is on」by Glenn Frey -->
<br><br>
|
これで「YouTube」の動画がサイドバーに張り付きました。