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


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

::معاينة::


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

اداة مداد


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

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

الكود الأول لا يقوم بتشغيل المقطع بشكل تلقائي
<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgWjjSwyeAbvFbRnjKdrqkRB11WJNlVS3abuuGscdtpAQs0ZlqSaCK0kVirV9SMY5TJCvrfsAlmB3C_PE_ryMc-nIOCWiI33giyDjlgbGUAhR5GbgcwHpKznCEOaeZwygIVO6grCULZVapy/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/AVvXsEgLwhUYkCDG-PBSaB0Vk-UbXTHJFRBTFHKCFdg6frVfWZugRK7jsYWYBMQiATx0STjiEMb_ryE_X8_WC0R2dk0w4y0BN5l7YPZal0zN7Ggb-UHJK2ieKMWTQHpAsz9rc3F49CHpfxUhMQV4/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/AVvXsEg1J_rStGMpg29e2touX-eoTMv_Js96Ho93eqj1BBQOUwlW0Y0TmQ0_8SpD8VgUUo0Be3MCg5OKBfcqIKTLIfX3SSSJfRnsye-jf5-hQW8RW-ln33zqa8dRHxlbpyoQ6TpEUSr8L3h0StvJ/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/AVvXsEgWjjSwyeAbvFbRnjKdrqkRB11WJNlVS3abuuGscdtpAQs0ZlqSaCK0kVirV9SMY5TJCvrfsAlmB3C_PE_ryMc-nIOCWiI33giyDjlgbGUAhR5GbgcwHpKznCEOaeZwygIVO6grCULZVapy/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/AVvXsEgLwhUYkCDG-PBSaB0Vk-UbXTHJFRBTFHKCFdg6frVfWZugRK7jsYWYBMQiATx0STjiEMb_ryE_X8_WC0R2dk0w4y0BN5l7YPZal0zN7Ggb-UHJK2ieKMWTQHpAsz9rc3F49CHpfxUhMQV4/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/AVvXsEg1J_rStGMpg29e2touX-eoTMv_Js96Ho93eqj1BBQOUwlW0Y0TmQ0_8SpD8VgUUo0Be3MCg5OKBfcqIKTLIfX3SSSJfRnsye-jf5-hQW8RW-ln33zqa8dRHxlbpyoQ6TpEUSr8L3h0StvJ/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 بدلاً من تأليف ثم الصق الكود من الاكواد العلوية في المشاركة



مشاركات أقدم المقال التالي
9 تعليق
  • jidsggn
    jidsggn 03‏/11‏/2014، 10:31:00 م

    كيف اضف الاغنيه

    • مداد الجليد
      مداد الجليد 03‏/11‏/2014، 10:48:00 م

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

    • Ahmed
      Ahmed 14‏/08‏/2015، 10:45:00 م

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

    • مداد الجليد
      مداد الجليد 15‏/08‏/2015، 9:29:00 م

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

    • Unknown
      Unknown 13‏/09‏/2015، 5:51:00 ص

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

  • moh kamil
    moh kamil 17‏/09‏/2018، 2:38:00 ص

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

    • مداد الجليد
      مداد الجليد 18‏/09‏/2018، 4:00:00 م

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

  • Unknown
    Unknown 03‏/02‏/2019، 9:11:00 م

    ممتاز

    • مداد الجليد
      مداد الجليد 03‏/02‏/2019، 10:08:00 م

      حياك الله اخي

أضف تعليق
عنوان التعليق