添加简洁的扩展式音乐播放器(更新)

 此贴的歌曲链接是从YOUTUBE索取，不是MP3 

扩展后的效果如下图，它会显示在你博客的小小角落哦。

Before:After:

 模板 → 修改模板HTML

 Highlight以下框内所有的代码，(Ctrl+C)复制好。

#cornerplayer {z-index:999; border:1px solid #E8E8E8;width:45px; background:#fff; height:45px; -moz-border-radius: 35px; border-radius: 50px; position:fixed; overflow:hidden; top:15px; left:15px; -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;} #cornericon {margin-top:10px; margin-bottom:20px; margin-left:1px; -webkit-transition: opacity 0.8s linear;-webkit-transition: all 0.8s ease-in-out;-moz-transition: all 0.8s ease-in-out;-o-transition: all 0.8s ease-in-out;} #cornerplayer:hover {width:80px; height:80px; -moz-border-radius:0px; border-radius:50px;} #cornerplayer:hover #cornericon {margin-top:10px; margin-left:0px; margin-bottom:4px;} </style> <div id='cornerplayer'> <center> <div id='cornericon'> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieqAUSd5dSGjfNp3MAPpDPGBi68iAOxSq_B3Bn-8aqw6NA_AJqBeRy4PY3mKxjoK5Coy4bhMLG7He3KQkKO3r3o7mgDhm4mQy6zyucV0xYo7kAf4wo-Ly4pxsGBUSsFMc9Thmh0fCobTc/s1600/681ab3edgw1emy265mm4tg209l064qv7.gif"/></div> <div> <object删 width="60" height="25"><param n删ame="movie" value="h删ttp://www.youtube.com/v/后面的字?version=2&autoplay=1&hl=en_US&color1=FFFFFF&color2=FFFFFF" /><param删 name="allowFullScreen" value="false" /><param删 name="allowscriptaccess" value="always" /><embed src="h删ttp://www.youtube.com/v/后面的字?version=2&autoplay=1&hl=en_US&color1=FFFFFF&color2=FFFFFF" type="application/x-shockwave-flash" allowscriptaccess="always" allowfu删llscreen="false" width="60" height="25"></embed></object></div> </center> </div> <!--cornerplayer-->

 在修改模板那里寻找

</style>

 把刚刚复制的代码，(Ctrl+V)粘贴到“</style>”的下面。

 框框内有7个“删”字，请把7个都删掉。
 代码中“后面的字”字样，请更换成你想要的歌曲Youtube页面链接的号码。

 保存模板，完成。



想修饰形状、图案、颜色等等，请参考
http://greyyun.blogspot.my/2015/12/blog-post.html。