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

السلام عليكم ورحمة الله وبركاته

اليوم سوف نشرح لكم طريقة إضافة ملف صوتي MP3   إلى مدونات بلوجر بناء على طلب الأخوة والأخوات .

لعاينة الإضافة 

 - طريقة التركيب :

1- ارفع الملف الصوتي mp3 إلى إحدى المواقع التالية : Dropbox /  Google Drive

2- أنسخ رابط تشغيل الملف الصوتي mp3  بعد الرفع .

3- الآن ادخل إلى مدونتك | ثم أختر تحرير قالب .

4- إبحث عن الوسم : </head>

5- ضع الكود التالي فوقه .

<style type='text/css'>
#sound_button {
position:fixed;
z-index:+1000;
top:5px;
right:5px;
}
</style>

6- أيضاً إبحث عن الوسم : </body>

7- ضع الكود التالي فوقه .

<!-- Ganti Alamat File MP3 dibawah ini -->
<audio autoplay="true" loop="true" width="0" height="0" id="sound" src="https://dl.dropboxusercontent.com/s/kpifw10mpvn9fgk/usher-burn.mp3" type="audio/mp3" ></audio>
<script type="text/javascript">
    // Rubah Script dibawah ini jika ada yang ingin dirubah :
function playpause() { var snd = document.getElementById("sound"); var snd_btn = document.getElementById("sound_button"); snd.muted = !snd.muted; if(snd.muted){ snd_btn.innerHTML = "<img title='Music Paused' src='http://i.imgur.com/vm55Fsg.png' />"; } else{ snd_btn.innerHTML = "<img title='Music Palying!' src='http://i.imgur.com/uJLe6iR.png' />"; } }
</script>

- تعديلات :

1- ضع رابط الملف الصوتي الذي رفعته مكان ماهو باللون الأحمر ، ثم إحفظ القالب .

8- الآن إذهب إلى تخطيط | أختر من تخطيط إضافة أداة : HTML/JavaScript

9- اللصق الكود التالي في صندوق الأداة ثم إحفظ .

<div id='sound_button' onClick="playpause()" style='position:relative;' ><img title='Music Playing' src='http://i.imgur.com/uJLe6iR.png' /></div>

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