 |
検索エンジン等で「YouTube・サイドバー・貼り付け」で検索されて、当ブログへお越しになっている方がいらっしゃいます。たぶん貼り付け方を知りたくて、起こしになっているんではないかと推察しております。確かに貼り付けはしてありますが、その方法については未投稿です。そこで今回の『ＮＦＷのブログ教室』は「動画・サイドバー・貼り付け」をテーマに記事を書くことにしました。
ただし、何故か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> |
数字で書かれている部分が全部で４箇所あることに注目してください。[width]は幅を[heigth]は高さを表しています。それぞれ”425”と”355”になっています。
これらの寸法を変えてやります。僕の場合サイドバーに合うよう３８％に縮小しています。
width(幅) ４２５×０．３８＝１６１．５≒１６２
height(高さ) ３５５×０．３８＝１３４．９≒１３５
それぞれ数字を書き換えてやります。
| <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=
のように表示されます。
さらに変換された文字列をテンプレートの編集のＨＴＭＬ側(アドバンス会員のみの表示となります)に貼り付けます。僕は位置としてＱＲコードの下に貼り付けています。
<!-- 右メニュー -->より少し下の<!--/gooおすすめリンク-->よりちょっと下。</table>タグの下に<br>タグを２個付けた後に『お薦め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」の動画がサイドバーに張り付きました。
