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


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

::معاينة::


small rss seocips ميوزك MP3
استمتع بالموسيقى المجانية

اداة مداد


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

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

الكود الأول لا يقوم بتشغيل المقطع بشكل تلقائي
<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url("http://4.bp.blogspot.com/-Df1dYMjIaiM/VDu6ong1j2I/AAAAAAAAcCE/ZJOelyGApZs/s1600/2014-10-13_14-41-18.jpg");color:#fff;color:#000; padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url("http://1.bp.blogspot.com/-t53_0pN7CTs/U4iNEcvuPsI/AAAAAAAABr4/hgh0zklo0SI/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="http://3.bp.blogspot.com/-TZAs-N1Hews/U4h-QT36cyI/AAAAAAAABrE/kjyEfbjkdPA/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("http://4.bp.blogspot.com/-Df1dYMjIaiM/VDu6ong1j2I/AAAAAAAAcCE/ZJOelyGApZs/s1600/2014-10-13_14-41-18.jpg");color:#fff;color:#000; padding:3px; width:100%; height:auto}
.seocipsxpmusic {background: url("http://1.bp.blogspot.com/-t53_0pN7CTs/U4iNEcvuPsI/AAAAAAAABr4/hgh0zklo0SI/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="http://3.bp.blogspot.com/-TZAs-N1Hews/U4h-QT36cyI/AAAAAAAABrE/kjyEfbjkdPA/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 بدلاً من تأليف ثم الصق الكود من الاكواد العلوية في المشاركة



هناك 7 تعليقات

  1. الردود
    1. مكان الرابط الذي تمت الاشارة اليه باللون الازرق

      حذف
    2. سلام عليكم
      ما اشتغل معي وغيرت الصوت ما نفع ممكن تظبتهولي
      علي الصوت داواكون شاكر ليك
      http://www.rr1r.net/download15574.html

      حذف
    3. اخي الكريم يجب ان يكون الصوت او الرابط مباشر جرب مثلا الدخول الى الصوت اذا ظهر لك صفحة تحوي الصوت فقط فهذا يعني ان الرابط صحيح اما اذا ظهر لك صفحة اخرى تتضمن الصوت مع الموقع هذا خطا ويجب ان يكون الصوت بامتداد الصوتيات في نهاية الرابط مثل .mp3

      حذف
    4. ماشتغلش معايا بردو ممكن تبعت رابط مباشر الى فى نهايه mp3 كمثال

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

    ردحذف
    الردود
    1. وعليكم السلام مرحبا بك
      يمكنك تضمين مقطع فيديو مخفي يعمل تلقائيًا بالخلفية وذلك بالبحث عنه في جوجل بعبارة "كود تشغيل الفيديو تلقائيا"

      حذف

تعليقاتكم تشجعنا على تقديم المزيد وهي محل إهتمامنا دائمًا

© جميع الحقوق محفوظة مداد الجليد 2013 - حقوق الطبع والنشر | مدعومة بكل فخّر من blogger | سياسة الخصوصية