أخر المقالات
تحميل...
ضع بريدك هنا وأحصل على أخر التحديثات!

عـــالــمـك الــخـاص بـــك!.

الخميس، 16 أكتوبر 2014

كود إضافة صوتيات 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/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;">
اداة&nbsp;<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;">
اداة&nbsp;<a href="http://wwwmadad2.com/" rel="nofollow" target="_blank">مداد</a></div>
</div></div>

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

شاركها مع أصدقائك !
التعليقات
0 التعليقات

0 التعليقات :

إرسال تعليق

إغلاق