Background On Youtube

今天来个新教程。这教程应该很少人知道吧 ? 

效果图 :

 

喜欢这种效果吗 ? ( 这种效果是放在小工具那边的哦 

 这个虽然说是在别人部落看到的，可是他给的code有问题 >< 所以我就自己帮他修改了

嗯，如果有什么问题可以留言给我呗 :) [ 或者弄不到都可以来问我 :D ]

这个和 Youtube 音乐播放器放在顶端 的做法差不多一样 :) [ 所以有一些东西我直接copy ]

首先, 去youtube 选自己喜欢的歌曲。

找到后，copy 那个歌曲网址的 v= 后面

erm 看图片你们应该会更清楚吧:)

 ( 看不到 ? 点图放大 )

紫色框的才要copy 哦

&feature=related开始的全部不要管他（就是不要copy哦

如果是没有&feature=related的话，就从 v=后 全部copy哦

 

列如:

 ( 看不到 ? 点图放大 )

也许上面的会了，不听课也不要紧。可是...下面的就要专心听课啦 :DD

設計 頁面元素 添加小工具 html/javascript

然后把这些代码放进去

<center><div id="edited" style="width:220px; height:50px; background:url(你的背景图片放这里) no-repeat left top; padding-top:17px; padding-left:0px; position:relative" align="center">
<param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/你后面的code?fs=1&amp;hl=en_GB&amp;color1=0xF778A1rel=0；&amp;autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></div></center>

这个的code 和 Youtube 音乐播放器放在顶端 的code是不一样的啊 !

可是前半段的方法一样噢 :)

done :D

这里有一些图片给你们当这次教程的素材 :)
* 自制哒 ! 不可转载

 

 http://i702.photobucket.com/albums/ww24/winnieliew123/pic3.gif

http://i702.photobucket.com/albums/ww24/winnieliew123/pic4.gif

这个背景适合的code : 

<center><div id="edited" style="width:220px; height:50px; background:url(http://i702.photobucket.com/albums/ww24/winnieliew123/pic4.gif) no-repeat left top; padding-top:17px; padding-left:0px; position:relative" align="center">

<param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed src="http://www.youtube.com/v/你后面的code?fs=1&amp;hl=en_GB&amp;color1=0xACD6FFrel=0；&amp;autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="200" height="25"></embed></div></center>

下次会推出更多款 :D