Blogunuza HTML5 Müzik Çalar Ekleyin

Bloger Müzik Çalar Ekleme Kodu

Blogunda ses dosyalarını yayınlamak isteyenler için faydalı bir eklenti.


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script> <script src="http://dl.dropbox.com/u/36169749/scripts/audiojs/audio.js" type="text/javascript"></script><div class="btnt-player"> <div class="btnt-player-inner nano"> <div class="content"> <ol> <li>
<a data-src="YOUR-MUSIC-FILE-LINK" href="#">MUSIC FILE NAME</a></li> <li>
<a data-src="YOUR-MUSIC-FILE-LINK" href="#">MUSIC FILE NAME</a></li> <li>
<a data-src="YOUR-MUSIC-FILE-LINK" href="#">MUSIC FILE NAME</a></li> <li>
<a data-src="YOUR-MUSIC-FILE-LINK" href="#">MUSIC FILE NAME</a></li> <li>
<a data-src="YOUR-MUSIC-FILE-LINK" href="#">MUSIC FILE NAME</a></li> <li>
<a data-src="YOUR-MUSIC-FILE-LINK" href="#">MUSIC FILE NAME</a></li> <li>
<a data-src="YOUR-MUSIC-FILE-LINK" href="#">MUSIC FILE NAME</a></li> </ol> </div> </div> <div style="clear: both;"> </div> <audio preload="preload"></audio></div>

YOUR-MUSIC-FILE-LINK : Müzik dosyasının linki 

: Bağlantı adresi belirtmek isterseniz

MUSIC FILE NAME : Dosyanızın başlığı yada adı


HTML / JAVASCRIPT EKLEMEK

Widget (gadget) olarak eklemek için :
Blogger > Yerleşim > Gadget ekle > HTML/JavaScript yolunu izleyerek istediğiniz yere ekleyebilirsiniz

Sayfa içinde kullanmak için :
Blogger > Yeni yayın oluştur > HTML yolunu izleyerek istediğiniz yere ekleyebilirsiniz.



* Canlı Demo için :
https://www.w3schools.com/html/tryit.asp?filename=tryhtml_intro
Kod Editörünü kullanabilirsiniz.



0 yorum: