Aplikasi Music Player (Awesome Music)

Assalamu’alaikum WR. WB., pada kesempatan kali ini saya akan menjelaskan sekaligus berbagi sedikit hal tentang Aplikasi pemutar suara online (Music Player Application) dengan menggunakan CSS dan HTML.

CSS digunakan untuk mengatur bentuk, ukuran, serta berbagai macam tampilan pada aplikasi pemutar suara ini. Sedangkan HTML digunakan sebagai bahasa pemrograman yang digunakan untuk menampilkan berbagai macam informasi yang ada pada aplikasi pemutar suara ini. Jadi dapat dikatakan bahwa CSS merupakan sifat yang dimiliki oleh HTML.

Berikut ini merupakan tampilan dari Aplikasi Pemutar Suara (Music Player Application) :

Berikut ini merupakan Source Code CSS dan HTML dari Aplikasi pemutar suara (Music Player Application) :

CSS :

<style type="text/css">
.seocipsmusic {border:2px solid#008000;background:url("https://d2wss9bif9q3el.cloudfront.net/360/992/images/york-grey-wood-texture-2.jpg");color:#fff;color:#000; padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url("http://www.uniquehandcarwash.co.uk/images/preloader.gif") no-repeat top right;}
</style>


HTML :

<div class='seocipsmusic'>
<div class='seocipsxpmusic'>
<div style='font-weight:bold; color:#333333; font-size:15px; padding:10px 5px 5px 10px;'><img    alt='small rss seocips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4sV5dqpZi2naPa84wb6EnXNEdzKG-EpUgqs8sAV71kjrW7cPLwi-gIU3bJzJ_6nSVE9lfB0HeSssfmofoDD_2mmUQT9gNHJJzWq8WMlU4BLYxOzcxQ1oSM_P0CpRgw6DP_wHtofvRYuax/s20/Audio-File-icon.png' title='Music'/> Awesome Music</div>
<div style='font-weight:bold; padding:10px 10px;'>You can listen this music :</div>
<audio controls>
<source src="https://sites.google.com/site/socipshotmusic/musicdjseocips/dj%20seocips.com-%20Hotmusic3.mp3"/>
</source></audio>
<div style='padding-right:5px'> Music by<a href='http://dortesom.blogspot.co.id/' target='_blank'> Dortesom</a></div>
</div>
</div>

Jika anda ingin mengaktifkan atau menggunakan aplikasi tersebut pada Webiste pribadi anda, maka copy source code CSS dan HTML di atas. Lalu letakkan pada bagian yang anda inginkan.

Dan ini merupakan hasil dari aplikasi pemutar suara (Music Player Appication) yang sudah dapat dijalankan di suatu Website. Dimana Aplikasi ini dapat diputar dan diberhentikan sesuai dengan keinginan anda.

Awesome Music

You can listen this music :

Music by Dortesom

Sekian postingan saya pada kesempatan kali ini, semoga dapat bermanfaat dan berguna bagi para pembaca sekalian..

Wassalamu’alaikum WR. WB..