epsco: Simplex Design blog : Simplex Audio - A template for online music website

عنواين الرئيسيه

كشف حقيقة التربح غير المشروع لجمعيات الاسكان التعاونى وتوظيف الاموال ؟ جمع الاموال لمشروع بناء وهمى على ارض محل نزاع قضائى على الملكيه ؟-رسالة من أحد ضحايا كشف الفساد المالى والإدارى -فراد أسرة النائب العام متوغلون في إدارة شركات مكتظة بالفساد المالي -المهندس شريف سوسة رئيسا لشركة بدر الدين للبترول. -إهدار4 ملايين جنيه بشركة بدر الدين للبترول -فساد بـ4 ملايين جنيه بشركات البترول بمطروح-مذكره التي اثارت غضب بعض الافراد من شركه بدر الدين...

الأحد، 24 يناير 2016

Simplex Design blog : Simplex Audio - A template for online music website

Link to SimplexDesign - free blogger template

Simplex Audio - A template for online music website

Posted: 23 Jan 2016 09:55 PM PST

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.

Demo | Download

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 !