كود اضافة موسيقى داخل مدونتك

تقييمك للموضوع؟

السلام عليكم ورحمة الله

تعالى وبركاته

موضوعنا اليوم جد مهم ومطلوب

وهو اضافة كود موسيقى لموقعك

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

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

<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbxygUiENM7qtSfEq-sEmn85iUBjtTNNBFF9dQTlSUnmMLYvsLLMgjLtWnXaKwIcPpCPK1eoZNCisXB_Csvc2NRmC27cPY88gwkYSQCFh9oTK1P6LtlrBwOPCRbxf-RONs9Y-j2KSs1-eH/s1600/2014-10-13_14-41-18.jpg");color:#fff;color:#000; padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZy4qy7ef4IfZMGmTZUaYlLV7cb6_UiSM7ekiDu9w7YCca1OOIpb54ZrrS-3TxeVLeodB6KMMrHYtkuX22AB_Yg9HY10CFM_CzAFjqltlbZX2qOV7lESaGoGP_vfZkwe4eKb9In26N1zRc/s130/loading....gif") 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-NuAsoOEoooibm8YaGWXC4SXZ4N0vTHi_YbdmtPWR7HzhJyQq1RfuOw6SDX7LDjs9lOfd9SSc_9mAYQTp1ykxrS4QwDL-16UCImfDIb0Lz7yETaz9cnG48zFpXc4N_bDe_EXF9Gwr8bi/s20/Audio-File-icon.png" 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="http://www.madad2.com/" rel="nofollow" target="_blank">مداد</a></div>
</div></div>

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

<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbxygUiENM7qtSfEq-sEmn85iUBjtTNNBFF9dQTlSUnmMLYvsLLMgjLtWnXaKwIcPpCPK1eoZNCisXB_Csvc2NRmC27cPY88gwkYSQCFh9oTK1P6LtlrBwOPCRbxf-RONs9Y-j2KSs1-eH/s1600/2014-10-13_14-41-18.jpg");color:#fff;color:#000; padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZy4qy7ef4IfZMGmTZUaYlLV7cb6_UiSM7ekiDu9w7YCca1OOIpb54ZrrS-3TxeVLeodB6KMMrHYtkuX22AB_Yg9HY10CFM_CzAFjqltlbZX2qOV7lESaGoGP_vfZkwe4eKb9In26N1zRc/s130/loading....gif") 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii-NuAsoOEoooibm8YaGWXC4SXZ4N0vTHi_YbdmtPWR7HzhJyQq1RfuOw6SDX7LDjs9lOfd9SSc_9mAYQTp1ykxrS4QwDL-16UCImfDIb0Lz7yETaz9cnG48zFpXc4N_bDe_EXF9Gwr8bi/s20/Audio-File-icon.png" 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="http://www.madad2.com/" rel="nofollow" target="_blank">مداد</a></div>
</div></div>

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

اتمنى ان يكون الموضوع في المتناول