طريقة اضافة موسيقى الى مدونة بلوجر

طريقة اضافة موسيقى الى مدونة بلوجر

شرح طريقة اضافة القران الكريم او الموسيقى واغاني الى مدونة بلوجر

عزالدين احمد :

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

هناك طريقتين لاضافة مشغل الموسيقى إلى مدونتك؛ وسنقوم بشرح الطريقتين ولك حرية الاختيار بينهم فيما يناسب مدونتك.

الطريقة الأولى : وهيا عبارة عن موقع تقوم بالاشتراك فية وهو يقوم باضافة أداة مشغل الموسيقى على موقعك او مدونتك

اسم الموقع : http://scmplayer.net قم بالدخول الى الموقع

ثم قم باختيار الشكل واللون الذى تريد وضعة فى المدونة من خلال التحديد ثم اضغط Next

طريقة اضافة موسيقى الى مدونة بلوجر

============

طريقة اضافة موسيقى الى مدونة بلوجر

قم بملئ البيانات المطلوبه من خلال فتح موقع www.youtube.com واختيار الايات او السور القرانية او الاغانى او الموسيقى وقم بنسخ رابط الفيديو وضعة فى خانة SONG URL ثم اضغط NEXT

طريقة اضافة موسيقى الى مدونة بلوجر

بعدها تظهر لك هذه الصفحة قم بالاختيار على حسب رغبتك 

اذا كنت تريد ان تعمل الموسيقى مرة واحدة او عدة مرات او كنت تريد انها لا تعمل الا بالضغط عليها او تعمل بمجرد الدخول للمدونة والتحكم فى حجم الصوت بعد ذلك
اضغط على DONE

سوف يظهر لك كود فى النهاية قم بنسخ الكود واذهب الى مدونتك وافتح المظهر - ثم ( تحرير HTML )؛ ثم اضغط على CTRL +F واكتب بداخلها < body >  ثم ضع الكود الذى حصلت علية اسفله ثم حفظ والان قد حصلت مدونتك على مشغل الموسيقى او القران بأذن الله

الطريقة الثانية : اضافة اداة مشغل الموسيقى بلغة  HTML

 في البداية قم بفتح المدونة الخاصة بك ثم اذهب الى ( المظهر) ثم قم بالضغط على كلمة ( تحرير HTML ) ثم اضغط على  Ctrl + f وابحث عن الوسم <head/> ثم ضع هذا الكود اعلاه 

<link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'/>

<link href="https://googledrive.com/host/0B0WJjcJEFNziLXFVNjE1Mms2VkU" rel="stylesheet"></link>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.js"></script>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

<script src="https://googledrive.com/host/0B0WJjcJEFNziYXRYUFZEVkRNaTA" type="text/javascript"></script>

بعد ذلك اذهب الى التخطيط فى مدونتك ثم - اضافة اداة - ثم اختار HTML/Javascript

ثم قم بوضع هذا الكود فيها

<div class="mbl"> <div class="mbl_player" id="mnplp"> <div class="mbl_art_bg"></div> <img class="mbl_cover" src="" alt=""/> <span class="mnpl_title"></span> <span class="mnpl_author"></span> <div class="mnpl_volume_min"></div> <div class="mnpl_volume"></div> <div class="mbl_volume_max"></div> <div class="mnpl_toolbar"> <div class="mnpl_tlb_prev"></div> <div class="mnpl_tlb_stop"></div> <div class="mnpl_tlb_next"></div> <div class="mnpl_current"></div> <div class="mnpl_long"></div> <div class="mnpl_all"></div> </div> <div class="mbl_playlist"> </div> </div> </div>

<script type="text/javascript">

$(function(){

$('#mnplp').mnplp({

'volume': 80,

'playlist':[

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"},

{"title":"Track-Name", "author":"Author-Name", "cover":"thumb-image.jpg", "background":"cover-image.jpg", "mfile":"music.mp3"} ] }); }); </script>

ملحوظة 1 :

يوجد في هذا الكود ميزة جميلة ؛ حيث يمكنك التحكم الكامل بمشغل الموسيقى وتغير محتواه وتغيير مكان الاسماء الموجودة بالكود

ملحوظة 2 : 

لابد ان تكون الاغانى المحملة بصيغة mp3

title : يمثل عنوان الموسيقى الخاصة بك أو الأغنية.
mfile : يمثل ملف الموسيقى في الامتداد MP3.
author : اسم المطرب او الملحن الذي ألف الموسيقى.
cover : الغلاف الذي يظهر عند تشغيل الأغنية.
background : الصورة التي تظهر في خلفية مشغل الموسيقى