سلام!

داشتم قالب درست می‌کردم یهو نمی‌دونم چیشد وسطش به این رسیدم. D: امیدوارم دوستش داشته باشین و لذتش رو ببرین. همچنین منتظر قالب‌های جدید باشین. 3>

آموزش گذاشتن این موزیک پلیر دقیقا مثل همون قبلیه‌ست که از این‌جا می‌تونین ببینین.

کد موزیک پلیر:

<div class="container" style="display: flex; max-width: 330px;background-color: #fafafa; direction: ltr; margin: 0 auto; flex: 1 1 0;">
  <div class="img" style="background-image: url(#YOUR IMAGE);background-size: cover; background-position: center; width: 100%; outline: 4px solid white; outline-offset: -13px; ">
  </div>
  <div class="audio-info" style="width: 100%;">
    <div class="audinfo" style="position: relative;top: 50%;transform: translateY(-50%);font-family: opsans;font-size: 9px;text-transform: uppercase; letter-spacing: 1px; direction: ltr;  padding: 1em;">
      <div class="aud-track" style="font-family: bebas; font-size: 18px; text-transform: uppercase; letter-spacing: 2px; margin-bottom: 5px;">TrackName</div>
      Album<br>
      By Artist<br><br>
      <a href="http://magic-spirit.blog.ir/" target="_blank" style="font-family: bebas; font-size: 8px; text-decoration: none; color: gray; letter-spacing: 2px; margin-bottom: 5px;">Magic Spirit</a>
      <div class="audp">
        <audio controls style="display:inline-block;height: 30px; margin-top: 11px;width:100px; opacity: 0.8; margin-left: 15px;">
          <source src="#YOUT MUSIC" type="audio/mpeg">
          Your browser does not support the audio element.
        </audio>
      </div>
    </div>
  </div>
</div>

لطفا لینک مجیک اسپریت رو به احترام زحمتی که سازنده کشیده برندارید. =)

 
TrackName
Album
By Artist

Magic Spirit