Youtube動画に広告(アフィリリンク)を付ける方法(その3)
3回目となりましたがYoutube動画に広告を付ける方法です。
方法その3・・・タグを付け加える(その2)
少々面倒ですがいじることの出来る部分が限られています。
①目的のYoutubeの埋め込みコードをコピーしてブログに貼り付ける。
②YouTubeの埋込みタグの前にタグを追加する。
<div style="position:relative;width:480px">
width:の次の数値、(この場合は480)は動画の幅と合わせて下さい。
③YouTubeの埋込みタグと②で追加したタグの間にリンクのタグを追加する。
<a href="リンクURL" style="font-size:16px;color:#FFFF00;font-weight:bold;text-align:center;line-height:16px;background:#000000;position:absolute;top:360px;left:0px;width:480px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;" target="_blank">
<marquee>リンクテキスト</marquee></a>
color:#FFFF00はリンクテキストの字の色を指定しています。
background:#000000はリンクテキストの背景色を指定しています。
absolute;top:360pxの数値は動画の高さによって変更します。
filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5の部分は背景色を透明にするおまじないです。
④YouTubeの埋込みタグにちょっと手を加える。
埋め込みタグの最後の方に
allowscriptaccess="always" allowfullscreen="true" width="480" height="385">
となっている部分があるのでwmode="transparent"を付け加える。つまり
allowscriptaccess="always" allowfullscreen="true" width="480" height="385" wmode="transparent">
のようにする。
⑤埋め込みタグの後に</div>を追加する。
⑥中央に持っていきたい場合には全体をcenterタグで囲む。
これまたタグが悪いのか表示出来ませんので本家をご覧下さい。
だいたいいい感じですね。
ちょっと調べたところではHyperBloggerとか自動ブログ投稿ツールABCには
こういったテロップを付ける機能があるんだそうで。
どうやら前回の(2)のやり方のようですね。
ツールを使わなくても作れることがわかったことだし
アフィリで使えないかな(^^;
方法その3・・・タグを付け加える(その2)
少々面倒ですがいじることの出来る部分が限られています。
①目的のYoutubeの埋め込みコードをコピーしてブログに貼り付ける。
②YouTubeの埋込みタグの前にタグを追加する。
<div style="position:relative;width:480px">
width:の次の数値、(この場合は480)は動画の幅と合わせて下さい。
③YouTubeの埋込みタグと②で追加したタグの間にリンクのタグを追加する。
<a href="リンクURL" style="font-size:16px;color:#FFFF00;font-weight:bold;text-align:center;line-height:16px;background:#000000;position:absolute;top:360px;left:0px;width:480px;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;" target="_blank">
<marquee>リンクテキスト</marquee></a>
color:#FFFF00はリンクテキストの字の色を指定しています。
background:#000000はリンクテキストの背景色を指定しています。
absolute;top:360pxの数値は動画の高さによって変更します。
filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5の部分は背景色を透明にするおまじないです。
④YouTubeの埋込みタグにちょっと手を加える。
埋め込みタグの最後の方に
allowscriptaccess="always" allowfullscreen="true" width="480" height="385">
となっている部分があるのでwmode="transparent"を付け加える。つまり
allowscriptaccess="always" allowfullscreen="true" width="480" height="385" wmode="transparent">
のようにする。
⑤埋め込みタグの後に</div>を追加する。
⑥中央に持っていきたい場合には全体をcenterタグで囲む。
これまたタグが悪いのか表示出来ませんので本家をご覧下さい。
だいたいいい感じですね。
ちょっと調べたところではHyperBloggerとか自動ブログ投稿ツールABCには
こういったテロップを付ける機能があるんだそうで。
どうやら前回の(2)のやり方のようですね。
ツールを使わなくても作れることがわかったことだし
アフィリで使えないかな(^^;