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

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

الكود الأول لا يقوم بتشغيل المقطع بشكل تلقائي

<style type="text/css"> .seocipsmusic {border:2px solid#4eabff;background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhnUjgRSe89WQzwh6IJzv1Vs8dns-TDXqC4IMKiVaSwKlLa2Zf39mqwmWgViRKapREZD1fyp4ecR1sKZRbVpXhHhb6mKQnek2LqE2evlaMpeJDmgqvjneNX8D8j3s1lyeXaDO4jewSTBRdv/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/AVvXsEi2A_iB8184Yv3a4-FmsHcePoEeAI6Hud9yDgNPu8dYRq4idg5bMGNo_QUoU8jR-zp9IDqqErnmYrxWI-lsxFs2cmwbur70TilvJBCQ3x-S-FKQwplo07iBskgak1xJ2COiz2mZZUKyX0JT/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/AVvXsEhQ1BkkLJL2bPK34cHXC42PV9N20lLcRugbLXsR41m1hYsMfXnGdtFurZDyI_Z_6oI8M3LR689FQIMMLYC5iFw_7fj0xX_stKovHCrXgp6lsTKBQ0QhFYhk8aq6E0MTO5UquH_NRmAAnxEs/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://gakitman.blogspot.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/AVvXsEhnUjgRSe89WQzwh6IJzv1Vs8dns-TDXqC4IMKiVaSwKlLa2Zf39mqwmWgViRKapREZD1fyp4ecR1sKZRbVpXhHhb6mKQnek2LqE2evlaMpeJDmgqvjneNX8D8j3s1lyeXaDO4jewSTBRdv/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/AVvXsEi2A_iB8184Yv3a4-FmsHcePoEeAI6Hud9yDgNPu8dYRq4idg5bMGNo_QUoU8jR-zp9IDqqErnmYrxWI-lsxFs2cmwbur70TilvJBCQ3x-S-FKQwplo07iBskgak1xJ2COiz2mZZUKyX0JT/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/AVvXsEhQ1BkkLJL2bPK34cHXC42PV9N20lLcRugbLXsR41m1hYsMfXnGdtFurZDyI_Z_6oI8M3LR689FQIMMLYC5iFw_7fj0xX_stKovHCrXgp6lsTKBQ0QhFYhk8aq6E0MTO5UquH_NRmAAnxEs/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://gakitman.blogspot.com/" rel="nofollow" target="_blank">فكرة دوت كوم</a></div> </div></div>

المصدر فكرة دوت كوم

مقالات ذات صلة