كيفية إضافة مشغل موسيقى Music Player على Blogger في 2022

كيفية إضافة مشغل موسيقى Music Player على Blogger في 2022

مرحبًا أيها الأصدقاء ، هل تريد إضافة ميزات مشغل الموسيقى للزائرين في موقع Blogger على الويب؟ إذا كان الجواب نعم! ثم هذه المقالة ستكون مفيدة جدا بالنسبة لك. سنقوم اليوم بإنشاء Stylish Music Player باستخدام كود HTML و CSS.

تعد إضافة مشغل موسيقى في موقع Blogger أمرًا بسيطًا ومفيدًا للغاية لإبقاء جمهورك لفترة أطول على صفحات الويب الخاصة بك.
مزايا إضافة مشغل الموسيقى
تعد إضافة مشغل موسيقى إلى موقع الويب ، مع ميزة التشغيل التلقائي ، إحدى أسهل الطرق وأكثرها فعالية لجذب الزوار إلى الحالة المزاجية المناسبة لقراءة مدونتك. لم يدرك الكثير من مالكي المدونات أنه باستخدام هذه التقنية البسيطة والمجانية ، يمكنهم في الواقع التأثير على جمهورهم للبقاء لفترة أطول على صفحات الويب الخاصة بهم ، مما يعني أنك ستتمتع بميزة رائعة تتمثل في كونك فريدًا.

كيفية إضافة مشغل موسيقى Music Player على مدونة بلوجر

https://www.blogtipspro.com/2022/01/how-to-add-music-player-to-blogger.html


أصدقائي ، من السهل جدًا إضافة مشغل موسيقى في Blogger. ما عليك سوى اتباع هذه الخطوات البسيطة أدناه .....

الخطوة 1. إضافة أكواد CSS
ابحث عن الكود]]> </ b: skin> والصق أكواد CSS التالية فوقه.
* { margin: 0; padding: 0; box-sizing: border-box; } .player { position: relative; width: 320px; background: #f1f3f4; box-shadow: 4px 3px 13px -4px rgba(0,0,0,0.4); } .player .imgBx { position: relative; width: 100%; height: 320px; } .player .imgBx img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 12px; object-fit: cover; } .player audio { width: 100%; outline: none; }

 الخطوة 2. إضافة أكواد HTML داخل المدونة

الآن قم بلصق أكواد html أدناه حيث تريد إضافة مشغل الموسيقى في مدونتك.
<!doctype html>

<html>
<head>
  <title>HTML CSS Audio Player</title>
  <link rel="stylesheet" type="text/css" href="style.css">
  </head>
<body>
  <div class="player">
  <div class="imgBx">
   <img src="image_url_here">

</div>
   <audio controls>
    <source src="Audio_url_here" type="audio/mp3">
   
</audio>
</div>
     
</body>
</html>


في الختام بهذه الطريقة يمكنك إضافة مشغل موسيقى في Blogger بسهولة. تم إنشاء مشغل الموسيقى الخاص بك بالكامل ويعمل بشكل صحيح.
آمل أن يكون هذا البرنامج التعليمي لإضافة مشغل موسيقى بسيط إلى مدونتك مفيدًا لك. إذا كانت هناك أسئلة أو أقسام غير مفهومة ، فيرجى كتابة الأسئلة من خلال التعليقات. 


إرسال تعليق

أحدث أقدم