موزیک پلیر رایگان برای پست های بیان

سلام!

یه موزیک پلیر درست کردم که اگه خواستید تو پست هاتون موزیک بذارید می تونید ازش استفاده کنید. با عشق این پلیر درست شده لطفا با عشق ازش استفاده کنید :)

فیلم آموزشی رو تو همین پست گذاشتم احیانا اگر سوالی داشتید ازم بپرسید.

کدهایی که توی ویدیو استفاده شده (لینک آهنگتون رو جای Your music بذارید و لینک عکسی که می خواهید رو جای your picture):

<section class="music-player" style="background: white; border-radius: 15px; box-shadow: 0 15px 40px -30px #000; width: 330px; overflow: hidden; margin: 10px auto;
  direction: ltr;">
  <header class="music-player--banner" style=" background: url(#your picture);
  background-size: cover; background-position: center; height: 200px; box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2); position: relative; z-index: 1;">
    <div class="credit" style="z-index: 999;margin-left: 10px;">
      <a href="http://magic-spirit.blog.ir/" target="_blank" style="text-decoration: none; color:#808080; font-family: Reenie Beanie; font-size: 15px;">
      MagicSpirit
      </a></div>
  </header>
  <main class="music-player--main">
    <div class="music-player--controls" style="padding:0px 10px 20px 10px;!important">
      <audio controls style="width:50px; display:inline-block;height: 30px; margin-top: 18px;">
        <source src="#Your music" type="audio/mpeg">
        Your browser does not support the audio element.
      </audio>
      <div class="song-info" style="display:inline-block; background: rgb(242, 242, 242, 0.7); padding: 4px; width: 78%">
        <div class="song-info--title" style="font-size: 18px; color:#8E8E8E; font-family:Reenie Beanie;">A Silent Voice</div>
        <div class="song-info--artist" style="font-size: 11px; color:#b3b3b3; font-family:sans-serif;">Koe no Katachi</div>
      </div>
    </div>
  </main>
</section>

این کد دوم که استفاده شده برای تغییر دادن فونت اسم آهنگ و بقیه متن های استفاده شده در موزیک پلیر هست.

پ.ن: اگه خواستید قالبتون رو عوض کنید این کد دومیه رو باید دوباره تو قالب بذارید. با یک بار گذاشتن این کد توی قالبتون هر چند تا پلیر که تو پست هاتون بذارید مشکلی نخواهد داشت.

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

<link href="https://fonts.googleapis.com/css?family=Reenie+Beanie" rel="stylesheet" type="text/css">

بعدا نوشت: کد موزیک پلیر رو عوض کردم یه مشکل کوچیکی توش بود، کد جدید رو جایگزین کد قبلی کردم. اگه از این کد توی بعضی از پست هاتون استفاده کردید اون کد رو با این یکی عوض کنید چون تو بعضی قالب ها مشکل به وجود می آورد مخصوصا قالب های responsive. تنکس!

A Silent Voice

Koe no Katachi

شــیما "

۱۹ آبان ۰۲ ، ۲۰:۰۶

سلام، مدتی می گذره! دیگه فعالیت نمی کنید؟

۱۳ آذر ۰۲، ۱۸:۳۶

پاسخ:

سلام

فعالیت اون طوری نه ولی اگه چیزی لازم دارید سر می زنم هرچند روز و می تونید تهیه کنید.

‌‌‌‌‌yuka ‌~

۰۱ دی ۰۱ ، ۱۸:۰۳

سلام ببخشید

من میخوام از این موزیک پلیرا استفاده کنم اما همش اینو میاره

your browser dose not support the audio element

مشکل از چیه؟

۲۵ فروردين ۰۲، ۲۰:۴۰

مرورگرت شاید قدیمی باشه! با فایرفاکس یا کروم اخرین اپدیت بیا!

BLINK BLACKPINK

۲۶ مرداد ۰۱ ، ۱۷:۲۵

من به کمک نیاز دارم!

میخوام که وقتی وارد سایتم میشن یه آهنگ پلی بشه !

سایت یه نفر همین طور بود و منم همین رو میخوام خیلی خوب بود😇

میتونین راهنماییم کنین؟!

واسه همین سایتی میخوام که باهاش پیام دادم!

۱۴ مهر ۰۱، ۱۴:۰۱

دیر دیدم شرمنده

ERLIN uwu

۲۱ تیر ۰۱ ، ۱۴:۰۲

ماهم میتونیم استفاده کنیم؟

۱۷ مرداد ۰۱، ۱۶:۵۷

همه می تونن استفاده کنن

Yuu

۱۷ اسفند ۰۰ ، ۱۴:۰۵

سلامممم

ویدئو برای من پلی نمیشه، لینکشو دارین؟ ؛-؛

۲۲ ارديبهشت ۰۱، ۱۵:۳۱

ممنون که اطلاع دادی الان درستش می کنم 3>

Tree tanbal 🦥🥥

۰۲ بهمن ۰۰ ، ۲۳:۲۹

سلااممم

خیلی قشنگن جفت پلیرا

فقط اینکه من میخوام ویدیو رو نگاه کنم باز نمیشه ینی مثلا دقیقه اینارو 0 زده رنگ بقیه جاهاشم خاکستریه منم الان نمیدونم چیکار باید بکنم TT

اگر مشکل از کروم منه باید چیکارش کنم که بتونم ویدیو رو نگاه کنم ؟

لینک درست رو گذاشتم الان می تونی چک کنی مشکلی بود جواب میدم *^*

‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌ ‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌‌

۲۵ آبان ۰۰ ، ۲۱:۵۰

عالیه

۵ آذر ۰۰، ۱۶:۵۳

قربونت

SunBin 💫🍀

۲۴ آبان ۰۰ ، ۲۱:۱۱

سلاااام*-*

اینجا چه خوبه"-"\

میگم من میخواستم از این پلیر استفاده کنم و خب ترجیح دادم قبلش اجازه بگیرم/ اطلاع بدم

خیلی خوشگلهㅠ-ㅠ

مرسی

نیازی به اطلاع دادن نیس مرسی که استفاده می کنی *^*

Nastaka Sharon

۱۴ آبان ۰۰ ، ۲۰:۵۲

*ذوق

خدایی منو یادته؟:" هوممم منم همینطور، ولی حیف که همه خاطراتمون تو میهن پاک شد:}

آره، دوازدهم کامپیوترم*-*

۱۷ آبان ۰۰، ۱۷:۳۲

معلومه! *-*

دقیقا :__)))

عههه. پس امسال کنکور داری! کلی موفق باشی 3>

Shoco -🍫

۳۰ مهر ۰۰ ، ۱۵:۴۳

سلامم

خسته نباشید

یه سوال راجب به این پلیر داشتم

من میخوام دو تا پلیر رو توی یه خط بذارم

ابعادشونو کوچیکتر کردم اما توی یه خط نمیوفته

میشه راهنماییم کنید که چیکار کنم؟*-*

۱۳ آبان ۰۰، ۱۹:۵۳

سلامت باشی D:

هوم... باید کدشو نگاه کنم یه بار دیگه، بهت میگم چیکار کنی.

۱۸ مهر ۰۰ ، ۱۲:۵۴

خسته نباشیییی واقعااا قشنگهههه ^^

۱۳ آبان ۰۰، ۱۹:۴۵

متشکرمم *^*

۱۲ مهر ۰۰ ، ۱۰:۱۸

الییی سنپاییییی:"""" دلم برات تنگ شده بود دخییی...(احتمالا منو یادت نمیادXD )

مثل همیشه خیلی با استعداد و خفنیییی، منی که درسم وبلاگ نویسیه مثل تو نمیتونم قالب درست کنم *فین فینTT

۱۳ آبان ۰۰، ۱۹:۴۴

عههه ناستاکاا *-* سلام! منم دلم برات تنگ شده بود! چرا یادم نیاد؟ :)) خوشحالم که بچه های قدیمی رو میبینم.

مرسییی :_) درست وبلاگ نویسیه؟ دانشگاه میری؟ چی میخونی؟ *-*

Maglonya ~♡

۳۰ شهریور ۰۰ ، ۱۴:۲۳

نتایج این هفته قراره بیان D':

۳۰ شهریور ۰۰، ۲۳:۴۸

عه ایول! خواستی خبر بده که چی قبول شدی :") ^.^

𝘈𝘺𝘭𝘪𝘯 --

۳۰ شهریور ۰۰ ، ۱۱:۵۵

حدس زدم برا همین لینک دکمه دانلودو کپی کردمD:

آخ آریگاتووو

میشه بغلت کنم؟*-*

۳۰ شهریور ۰۰، ۱۱:۵۸

خواهش می شود ^^

بیا بغلم XD

۲۹ شهریور ۰۰ ، ۱۲:۵۳

خسته نباشیی خیلی کیوتهههTT

یه سوال دارم"-"

برای لینکی که باید بزاریم توش چه آپلودری باشه فرق نداره؟ من با بیان باکس تست کردم نشدTT

۳۰ شهریور ۰۰، ۱۱:۵۲

^_^

فقط باید لینک آهنگت مستقیم باشه از این سایت می تونی استفاده کنی https://up.20script.ir/

۲۳ شهریور ۰۰ ، ۲۳:۳۳

هاااای D":

خوبم مرسی^^

تو چطوری؟*-*

۳۰ شهریور ۰۰، ۱۱:۵۳

ممنون *^*

نتایج کنکور چی شد؟

𝑹𝒂𝒄𝒉𝒆𝒍 °◡°

۲۳ شهریور ۰۰ ، ۱۴:۴۷

آهان فهمستم مرسییی این یکی از بهترین آموزش ها بود خیلی هم آسون بود مرسیی☺✌ یکم فقط ور رفتم تا اون دوتا your music با yourpictur رو پیدا کنم 😅 و اینکه >br<برای قبل و بعد موزیک اضافه کردن رو تو فیلم آموزشی فهمیدم تو نوشته ها و توضیحات نبود 😅✌با ۳ بار دیدن فیلم دقیق فهمستم @_@! مویانه~•-•~

و اینکه ~•-•~ اسم شما چی بیده!؟؟~●-●~ تا صداتون کنم😁👋🤞!؟؟

اسم من امیلی بیده/*^*\

و استفاده کردم و اوگی شده دیگع موددنم چطوری استفاده کنم از این پلیر زیبا🥺🤞💜

۲۳ شهریور ۰۰، ۱۴:۵۴

XDDD خواهش می شود :]

مینامی الی... می تونی الی صدام کنی D:

خوشبختم *^*

موقعیتش پیش میاد بالاخره D:

۲۲ شهریور ۰۰ ، ۱۹:۴۵

سنپای این خیلی خوشگلهT-T

۲۳ شهریور ۰۰، ۱۴:۳۹

یووووو مائو چان چطوری؟

آریگاتووو *^*

۲۲ شهریور ۰۰ ، ۱۸:۴۹

آمم و یه سوال دیگع ببخشید 🥺☝

برای هر پستمون دوباره باید همه این مراحل رو انجام بدیم!؟؟ یا نه !؟ منظورم قرار دادن لینک دوم هستش تو ویرایش ساختار قالب هر سری که بخوایم توی پستمون آهنگ رو به این صورت بزاریم باید لینک دوم رو هم هعی توی ویرایش ساختار قالب اضافه کنیم یا نه !؟ همون لینک اولی فقط هر سری برای پست های بعدی کافیه که بزاریم!؟؟@_@

نه دیگه لازم نیست کد دومی رو هی بذاری همون یه بار کافیه.

فقط الان اومدم وبت دیدم لازم نیست بین اسم آهنگ و و اسم خواننده و کلا جایی از موزیک پلیر enter بزنی فاصله خط ها تنظیم شده هست به صورت پیش فرض.

۲۲ شهریور ۰۰ ، ۱۵:۰۹

@..@ فقط یه سوال دارم ~@-@~ من قسمتی که your music با your pictur رو پیدا نمی کنم تا عوضشون کنم @..@ تو کد ها کجا هستن؟؟ @-@ ؟؟ تو خود کد کدومشونه؟؟@-@

۲۳ شهریور ۰۰، ۱۴:۴۰

آخ یادم رفته اسمش رو عوض کنم الان درستش می کنم ممنون که گفتی :*

۲۲ شهریور ۰۰ ، ۱۴:۵۷

واییی خدااا یادش گرفتم T^T فهمستم /T0T\ آریکادونااااا~~~~ خیلی خوبههه ممنون ~t0t~~ خیلییی ممنونننم

ماج ~.3.~ من تو پستای بعدیم حتما از این روش خیلی زیبا استفاده موکونم~T0T~ ننه!!!!/;0;\

۲۳ شهریور ۰۰، ۱۴:۳۲

۲۲ شهریور ۰۰ ، ۱۴:۲۹

واااااییی چه عالیههه#0#!!!!!

/0-0\ این وب جادویی بیده!!!!*0*~~~ ~0~0~

۲۳ شهریور ۰۰، ۱۴:۳۱

ممنون :")

*^*