السلام عليكم ورحمة الله وبركاته
اليوم سوف نشرح لكم طريقة إضافة ملف صوتي 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>
تنويه : أحبائي وأعزائي : تحية طيبة وبعد ، أنتم تعلمون كم يبذل كاتب التدوينة من جهد وعصف ذهني كي يخرجها إلى حيز الوجود أرجو من شخصكم الكريم عند النقل ذكر المصدر .
ليست هناك تعليقات:
إرسال تعليق