In this post, I would like to show you a new template from SimplexDesign name Simplex Audio. This template is for online music website, which built in an audio player inside, and a clean, clear user interface.
Install instruction
1. Download the template and unzip in a folder
2. Upload the template file (xml format) to Blogger
3.Go to Blogger Dashboard -> Layout tab
4. To add logo
click logo widget
Add the url and logo as image bellow
5. To add menu
Click on menu widget
Copy and paste content of file "menu.txt" into widget content and change the link to point to your categories/ label
6. To add Advertisement
Click on advertisement widget
Paste the code of advertisement in widget content
8. To add content to Feature post 1, Feature post 2, Feature post 3, Feature post 4 positions
click on widget
Add the category (label) you want to show the latest posts in this widget into widget content, for example, I would like to show the latest post under the category "blog" into position of widget Feature post 1 on homepage, I click on Feature post 1 widget, add "blog" into widget content.
9. The sidebar is for your own widget, you can add whatever you want in this side.
How to add playlist to your blog post ?
In your post editing window, change to HTML mode and then paste this code into post content
<script type="text/javascript">
//<![CDATA[
jQuery(document).ready(function(){
new jPlayerPlaylist({
jPlayer: "#jquery_jplayer_2",
cssSelectorAncestor: "#jp_container_2"
}, [
{
title:"your-song-title",
mp3:"link to *.mp3 file",
oga:"link to *.ogg file"
},
{
title:"your-song-title",
mp3:"link to *.mp3 file",
oga:"link to *.ogg file"
},
{
title:"your-song-title",
free:true,
mp3:"link to *.mp3 file",
oga:"link to *.ogg file"
}
], {
swfPath: "../../dist/jplayer",
supplied: "oga, mp3",
wmode: "window",
useStateClassSkin: true,
autoBlur: false,
smoothPlayBar: true,
keyEnabled: true
});
});
//]]>
</script>
In the code above, just edit the code in bold. Other part, please keep.
Add song title and url (in mp3 and ogg, if you don't have ogg file, you can remove this line), if you want to enable the download function for the user to download your song, add the line "free:true"
That's all for this template. Have fun !
