Skin Mp3 player

If you are not satisfied with the look of skin Mp3 default of this blog. I have some new skins, you might be interested in the look of this skin.

Figure.1 Click image to enlarge

And if you look at the blog would like the image below.

Figure.2 Click image to enlarge

If you are interested please follow the tutorial below:

• Login to blogger
• Design 
• Edit HTML
• Find the code </body> and paste the above code after the code </body>

Code below to above its own color (see Figure.1)

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/tunes/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->

Code below to skin a number 2


Code below to skin a number 3

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/aquaPurple/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->

Code below to skin a number 4

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/aquaPink/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->

Code below to skin a number 5

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/aquaOrange/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->

Code below to skin a number 6

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/aquaGreen/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->

Code below to skin a number 7

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/cyber/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->

Code below to skin a number 8

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/black/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->

Code below to skin a number 9

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/blue/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->

Code below to skin a number 10

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/purple/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->

Code below to skin a number 11

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/pink/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->


Code below to skin a number 12

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/orange/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->

Code below to skin a number 13 

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/green/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->


Description:

• Please replace the appropriate title Song title.
• Please replace the link Mp3 http://www.url.com/file.mp3 you want
• If you want to add some songs please add the code {'title':'Song title','url':'http://www.url.com/file.mp3'} after the code {'title':'Song title','url':'http://www.url.com/file.mp3'} And do not forget to add a comma ( , ) before adding the code above.

Example:

<!--SCM Music Player by Adrian C Shum - http://scmplayer.net-->
<script type="text/javascript" src="http://scmplayer.net/script.js" ></script>
<script type="text/javascript">
SCMMusicPlayer.init("{'skin':'skins/green/skin.css','playback':{'autostart':'true','shuffle':'true','volume':'50'},'playlist':[{'title':'Song title','url':'http://www.url.com/file.mp3'},{'title':'Song title','url':'http://www.url.com/file.mp3'}],'placement':'top','showplaylist':'false'}");
</script>
<!--End of SCM Music Player script-->

Hopefully helpful and happy jolly jig hehehehe :D