طريقة تركيب أي صوت او موسيقى سواء كانت داخل مواضيع مدونة بلوجر أو خارجها ويمكن ان تدعم هذه الاكواد المواقع الاخرى غير بلوجر مثل ووردبرس وغيرها فهو كود html يسمح للمتصفح بقراءة الموسيقى التابعة لك بشكل مبسط وخفيف.
::معاينة::
كيفية تضمين الكود داخل مدونات بلوجر
يمكن تضمين الكود بطريقتين من خلال التخطيط ثم إضافة أداة ثم اختيار اداة html/javascript ثم لصق الكود التالي داخل الأداة:الكود الأول لا يقوم بتشغيل المقطع بشكل تلقائي
<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiixL49xdb3KaU9r-9xVu1cVgWQHF-enHG0k81rhmjdOrHObp5uNje_noerdm_-UiFEQrXS8_aWJLkohZ2K-44VY6M9mPD_wfot9ExZiZE2-O0HULy8CYUXQWuwT6niByS0kZ0Mhr7ZcVac/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/AVvXsEhNmroAhCJ83fZYHfHObUF3A_qn7A0EWYuCaYPDkiBAOvhzA6V20Gk9sI1W5ZpEGpek7c-lHWrbC6GiSZ_osUn45lVinkALaxuL2AJpDDTIB3gNWaNMQJunrhgXXxwCp-M5UFZ-V209Jw3f/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/AVvXsEjb2VOqi7Gt61RDlyGn8ll9M4kWwLDbOWI-RdccFgJY8f_BUzmzsT0zHOxXfAfL5uAm1veandWc2j-1f-UlVVn50H68gG2ADBp0u1imHoPRSKgnnFwAO8OBgcVNCoDX_DqnPyT15YxiYzyr/s20/Audio-File-icon.png" title="Music" /> ميوزك MP3</div>
<div style="font-weight: bold; padding: 10px 10px;">
استمتع بالموسيقى المجانية</div>
<audio controls>
<source src="http://play.media.weziwezi.com/wezi_mp3/mp3/ReMURDUEZbs.mp3" />
</source></audio>
<div style="padding-right: 5px;">
اداة <a href="http://wwwmadad2.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/AVvXsEiixL49xdb3KaU9r-9xVu1cVgWQHF-enHG0k81rhmjdOrHObp5uNje_noerdm_-UiFEQrXS8_aWJLkohZ2K-44VY6M9mPD_wfot9ExZiZE2-O0HULy8CYUXQWuwT6niByS0kZ0Mhr7ZcVac/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/AVvXsEhNmroAhCJ83fZYHfHObUF3A_qn7A0EWYuCaYPDkiBAOvhzA6V20Gk9sI1W5ZpEGpek7c-lHWrbC6GiSZ_osUn45lVinkALaxuL2AJpDDTIB3gNWaNMQJunrhgXXxwCp-M5UFZ-V209Jw3f/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/AVvXsEjb2VOqi7Gt61RDlyGn8ll9M4kWwLDbOWI-RdccFgJY8f_BUzmzsT0zHOxXfAfL5uAm1veandWc2j-1f-UlVVn50H68gG2ADBp0u1imHoPRSKgnnFwAO8OBgcVNCoDX_DqnPyT15YxiYzyr/s20/Audio-File-icon.png" title="Music" /> ميوزك MP3</div>
<div style="font-weight: bold; padding: 10px 10px;">
استمتع بالموسيقى المجانية</div>
<audio controls autoplay>
<source src="http://play.media.weziwezi.com/wezi_mp3/mp3/ReMURDUEZbs.mp3" />
</source></audio>
<div style="padding-right: 5px;">
اداة <a href="http://wwwmadad2.com/" rel="nofollow" target="_blank">مداد</a></div>
</div></div>
أو من خلال المشاركات لتظهر بموضوع واحد أدخل لوحة التحكم ثم أنقر على إنشاء مشاركة بعد ذلك من خلال لوحة تحرير المواضيع من الجانب الايمن أنقر على html بدلاً من تأليف ثم الصق الكود من الاكواد العلوية في المشاركة
شاركها مع أصدقائك !