NS DESIGN

  • Home
  • Tutorial
    • Blogger
    • WordPress
    • HTML
    • CSS
    • JavaScript
  • Tools
    • Image to .webp
    • Note Pad
    • QR code generator
    • HTML ENCODER
    • Age Calculator
    • Bangla Logo Maker
    • Banglish to Bangla Converter
    • Bangla to Banglish Converter
    • BDIX Server Tester
    • Birthday Card Maker
    • Color Converter
    • Blur Faces
    • BMI Calculator
    • Domain Whois Lookup
    • Image Background Remover
    • Image Compressor
    • Image Text Extractor
    • JSON Formatter
    • JSON Tree Viewer
    • Lorem Ipsum Generator
    • Online Image Editor
    • Password Generator
    • QR Code Maker
    • QR Code Scanner
    • Security Headers Checker
    • URL Shortener
    • Youtube Thumbnail Downloader
    • Website Screenshot Taker
  • About
  • Privacy Policy
  • Terms and Conditions
  • Contact
  • RTL Mode
  • Rich Results Test
  • PageSpeed Insights
MUSTAKIM
Hello! I am MUSTAKIM - Designer at NS Design Templates who provides the best blogger templates, amazing features, SEO friendly, Responsive designs, and Google AdSense friendly.
Sponsored

Music Player

MUSIC PLAYER



As we know, NS DESIGN has the music player feature, you can use your .mp3 files to play it through the Music Player. Take a look at following Music Player:
FLASH UI MUSIC PLAYER

0:00 0:00
repeat
Music list

How to use Music Player?

Add the following codes in your post through HTML View to add a Music Player.

<div id='musicPlayer'></div>
<script>
  /*<![CDATA[*/
  /* Music Player Tracks */
  var playerTracks = [{
      name: "Live Fast",
      artist: "Alan Walker & A$AP Rocky",
      cover: "https://raw.githubusercontent.com/.../cover/1.png",
      source: "https://raw.githubusercontent.com/.../music/1.mp3"
    },
    {
      name: "Man On The Moon",
      artist: "Alan Walker & Benjamin Ingrosso",
      cover: "https://raw.githubusercontent.com/.../cover/2.png",
      source: "https://raw.githubusercontent.com/.../music/2.mp3"
    },
    {
      name: "On My Way",
      artist: "Alan Walker, Farruko & Sabrina Carpenter",
      cover: "https://raw.githubusercontent.com/.../cover/3.png",
      source: "https://raw.githubusercontent.com/.../music/3.mp3"
    },
    {
      name: "Sing Me To Sleep",
      artist: "Alan Walker",
      cover: "https://raw.githubusercontent.com/.../cover/4.png",
      source: "https://raw.githubusercontent.com/.../music/4.mp3"
    },
    {
      name: "Alone",
      artist: "Alan Walker",
      cover: "https://raw.githubusercontent.com/.../cover/5.png",
      source: "https://raw.githubusercontent.com/.../music/5.mp3"
    },
    {
      name: "Bewajah",
      artist: "Himesh Reshammiya",
      cover: "https://raw.githubusercontent.com/.../cover/6.png",
      source: "https://raw.githubusercontent.com/.../music/6.mp3"
    },
    {
      name: "Hymn For The Weekend",
      artist: "Coldplay",
      cover: "https://raw.githubusercontent.com/.../cover/7.png",
      source: "https://raw.githubusercontent.com/.../music/7.mp3"
    },
    {
      name: "Alone",
      artist: "Marshmello",
      cover: "https://raw.githubusercontent.com/.../cover/8.png",
      source: "https://raw.githubusercontent.com/.../music/8.mp3"
    }
  ];
  /*]]>*/
</script>

Join the conversation

Popular Posts

Split Post - Split Article Into Several Pages

Split Post - Split Article Into Several Pages

Berguna untuk membagi artikel menjadi beberapa halaman Samp…

TYPOGRAPHY

Add Anti AdBlocker to your Blogger Website

NS DESIGN BLOGGER TEMPLATE BUY NOW !!

SVG Icon Set

How to Add Click Ripple Effect in Blogger Website

Best 6 Stylish Heading CSS

How to make Social media blockquote on blogger .

Labels

Android
Blogger
Bootstrap
Product
Sponsored
Tools
Typography
NS DESIGN . Created by Techly420

We use cookies to understand how you use our site and improve your experience. This includes personalized content and advertising.... Learn more

Accept