طريقة وكود اظافة صوتيات mp3 لرئيسية او موضوع بمدونة بلوجر

Abdessamad web 1 تعليقات
السلام عليكم ورحمة الله وبركاته 
في هذه التدوينة سنريكم طريقة إظافة ملف اوة مقطع mp3 لموضوع او على الرئيسية بمدونة بلوجر بحيث يكون المقطع يعمل بشكل تلقائي أو بالتشغيل من طرف الزائر والطريقة سهلة وإما عبر إظافة اداة وتضمين الكود داخلها من خلال التخطيط او من خلال إظافة الكود من خلال تحرير ال html في الموضوع :

كود التشغيل التلقائي: 
الكود الأول لا يقوم بتشغيل المقطع بشكل تلقائي
<style type="text/css">
.seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwvO5mxMf62YLzp8syRxefvOZQn26Iw4vlcGTbUAiRbc8jc5LvtRpi8INeQVC-gaRSLPob9OhF-VByTOqNVKLiGfsYrphJWgg1bvaNiriagWeYtEoHMgKF2vpx442kv9h6pr_WhX0teU-E/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/AVvXsEihXZ6oPDEb_b8B5OO4NK_fVJTB_YUc2cYEZ17QWEukykioJiG1UoxIRuZ-qVL7QcMM-xI-xXXSDCQaZWepki2a7F_YNkdwou6IB4P9ptBAPUab3heVaktrLmQRptJGbRwfjFAE-dx4w-F1/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/AVvXsEh2KkQDy11LqQM6zPkuxUDTR0_UHosS7IWLw-USFkX4ufJJh9iJ2490ryILY6r_RTZYjYWi_rWeHezzMgWPpORMXHttDAiU4wFFPnqNYKEvmgSkxJXeBCLMFdGWeR5mRzmzSa86SDQR1Mou/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://www.essaouira4you.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/AVvXsEhwvO5mxMf62YLzp8syRxefvOZQn26Iw4vlcGTbUAiRbc8jc5LvtRpi8INeQVC-gaRSLPob9OhF-VByTOqNVKLiGfsYrphJWgg1bvaNiriagWeYtEoHMgKF2vpx442kv9h6pr_WhX0teU-E/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/AVvXsEihXZ6oPDEb_b8B5OO4NK_fVJTB_YUc2cYEZ17QWEukykioJiG1UoxIRuZ-qVL7QcMM-xI-xXXSDCQaZWepki2a7F_YNkdwou6IB4P9ptBAPUab3heVaktrLmQRptJGbRwfjFAE-dx4w-F1/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/AVvXsEh2KkQDy11LqQM6zPkuxUDTR0_UHosS7IWLw-USFkX4ufJJh9iJ2490ryILY6r_RTZYjYWi_rWeHezzMgWPpORMXHttDAiU4wFFPnqNYKEvmgSkxJXeBCLMFdGWeR5mRzmzSa86SDQR1Mou/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://www.essaouira4you.com" rel="nofollow" target="_blank">مداد</a></div>
</div></div>

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




لاتحرمونا من ردودكم
Tags :

قد تُعجبك هذه المشاركات

إرسال تعليق

1 تعليقات