كود إضافة صوتيات mp3 لمدونة بلوجر

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

::معاينة::

سيوبس آر إس إس الصغيرة موسيقى MP3

استمتع بالموسيقى المجانية


كيفية تضمين الكود في مدونات بلوجر

يمكن تضمين الكود بطريقتين: من خلال التخطيط، ثم إضافة عنصر واجهة المستخدم، ثم اختيار عنصر واجهة المستخدم html/javascript، ثم لصق الكود التالي في عنصر واجهة المستخدم:

الكود الأول لا يقوم بتشغيل المقطع تلقائيًا

<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url(" padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url(" no-repeat top right;
}
</style>
<br />
<div class="seocipsmusic">
<div class="seocipsxpmusic">
<div style="color: #333333; font-size: 15px; font-weight: bold; padding: 10px 5px 5px 10px;">
<img alt="small rss seocips" src=" title="Music" /> ميوزك MP3</div>
<div style="font-weight: bold; padding: 10px 10px;">
استمتع بالموسيقى المجانية</div>
<audio controls>
<source src="https://upload-files.cc/uploads/file_2017-12-07_201804.mp3" />
</source></audio>

<div style="padding-right: 5px;">
اداة&nbsp;<a href=" rel="nofollow" target="_blank">مداد</a></div>
</div></div>

يقوم الكود الثاني بتشغيل المقطع تلقائيًا

<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url(" padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url(" no-repeat top right;
}
</style>
<br />
<div class="seocipsmusic">
<div class="seocipsxpmusic">
<div style="color: #333333; font-size: 15px; font-weight: bold; padding: 10px 5px 5px 10px;">
<img alt="small rss seocips" src=" title="Music" /> ميوزك MP3</div>
<div style="font-weight: bold; padding: 10px 10px;">
استمتع بالموسيقى المجانية</div>
<audio controls autoplay>
<source src="https://upload-files.cc/uploads/file_2017-12-07_201804.mp3" />
</source></audio>

<div style="padding-right: 5px;">
اداة&nbsp;<a href=" rel="nofollow" target="_blank">مداد</a></div>
</div></div>

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

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *

Scroll to Top