YOU TUBE　でクリスマス動画を楽しむ
ページ作りの基本形です。コピー＆ペーストするだけで作れます。ぜひ挑戦してみてください。

[手順]

1.下記のタグをコピーしてメモ帳(notepad)に貼り付ける。

2.メモ帳の左上のファイルから「名前を付けて保存(A)」を開き保存する。

3.保存の場所は「デスクトップ」保存名はアルファベット。（例）YouTube_1.html  .html(拡張子)は必ず付ける。ドット(.)を忘れずに。

4.以上でEnterを押すとデスクトップにアイコンが出て、保存されています。

6.アイコンをクリックすると作品を見ることができます。訂正箇所があればソースを開いて直します。

7.ブログにアップするにはレンタルサーバーに登録が必要です。サーバーを借りていない方はご連絡ください。
σ(￣~￣)のサーバーに登録して差し上げます。

8.サーバーに登録が済むとファイルのアドレスが出来上がります。

9.そのアドレスを日記に貼ればＯＫです。 







<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<head id="HD">
<title>YOUTUBE Sample-1</title><!-- タイトル変更可 -->
<style type="text/css">
<!--
a{text-decoration:none}
-->
</style>
<script language="JavaScript"> 
　 <!-- 
　 resizeTo(1200,920) <!-- 画面の大きさ変更可　横ｘ高さ -->
　 // --> 
</script>
<style>
body {
scrollbar-arrow-color: #ffffcc;　<!-- スクロールバー色変更可 #****** -->
scrollbar-base-color: #000000;
scrollbar-track-color: #000000;
scrollbar-darkshadow-color: #ffffcc;
scrollbar-highlight-color: #ffffcc;
}
</style>
</head>
<BODY bgcolor=#000000 onContextmenu="return false">
<!-- bgcolorで背景色変更可 -->
<div style="position:absolute;top:50px;left:440px">
<font face="HGS創英角ﾎﾟｯﾌﾟ体" size=6 color="#ffff66"><b>YOU TUBE SMPLE</b></font><!-- テーマ＆書体変更可 -->
</div>
<!-- main -->
<div style="position:absolute;top:120px;left:320px">
<img src="http://javascriptsite.web.fc2.com/wallpaper/gold2.jpg" width=552 height=394></div><!-- このjpgはDLして保存して使用。 -->
<div style="position:absolute;top:122px;left:322px">

<!-- ここからTOYTUBEの埋め込みタグを入れる。今ある<object>〜</object>までを削除して動画を貼りかえる。 -->
<object width="548" height="390"></param>
<param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param>
<embed src="http://www.youtube.com/v/3wmIrAFKLs0?fs=1&hl=ja_JP&color1=0xcc2550&color2=0xe87a9f" type="application/x-shockwave-flash" 
allowscriptaccess="always" allowfullscreen="true" width="548" height="390"></embed></object>
<!-- タグ終わり -->

</div>
<!-- カットイメージ -->
<div style="position:absolute;top:400px;left:940px;filter:alpha(opacity=100,style=3);">
<img src="http://javascriptsite.web.fc2.com/anime2/pianologo.gif" width=280 height=180></div><!-- 好きなイメージを入れる -->
<!-- back -->
<div style="position:absolute;top:560px;left:570px">
<a href="http//:---" target=_top><font face="HGS創英角ﾎﾟｯﾌﾟ体" size="5" color="#ffffcc"><b>Back</b></font></a>
<br><br><br></div><!-- href="  " のところに日記ページのアドレス -->
</body>
</html>


YOUTUBE埋め込みタグの取り方

動画の下の「埋め込みタグ」をクリック→カスタマイズでBARの色を選択→<object>〜</object>までをコピーして上記の所定の場所にペーストする。

*ご質問ある方は伝言板、またはメールでご連絡ください。


Back
inserted by FC2 system