اهلا بكم زوار مدونة يوسف ويب

أحدث الأخبار
Loading...
بسم الله الرحمن الرحيم
اهلا بكم فى مدونة بارق دزاين (المتطور)

نقدم لكم خدمة تفيد جميع المصممين وهى خدمة تصميم الشعارات المجانية

بدون وضع حقوق المدونة على التصميم

الشروط

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

  • اكتب اسمك الكريم فى تعليق اسفل الصفحة
  • اكتب حسابك اسفل الصفحة ليتم الارسال
  •  اكتب اسم الشعار
مدة ارسال الشعارات من يوم الى 3 ايام
بسم الله الرحمن الرحيم


music blog



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


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

 1- قم بفتح المدونة الخاصة بك ثم اذهب الى ( قالب ) ثم قم بالضغط على كلمة ( تحرير HTML )
 ثم قم بعمل  Ctrl + fوابحث عن كلمة <head/> ثم قم بوضع هذا الكود
اعلى كلمة <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>

2- اذهب الى التخطيط فى مدونتك ثم اختار كلمة > اضافة اداة < واختار منها 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>




يوجد بهذا الكود ميزة جميلة جدا فا من الممكن التحكم الكامل بشكل مشغل الموسيقى وتكتب هذه العناصر وتغير محتوها مكان الاسماء
الموجودة بالكود وهذا الكود يضم 5 اغانى تعمل اسفل بعضها باستمرار
ملحوظة : لابد ان تكون الاغانى المحلمة بصيغة mp3

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




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

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

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



music blog1

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

music bloog

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


music blog2


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


اتمنى ان يكون نال الشرح اعجابكم
بسم الله الرحمن الرحيم

اهلا بكم زوار المدونة نرحب بكم اكبر ترحيب
اليوم تم افتتاح مدونة المتطور للفوتوشوب والبلوجر والمعلوميات والتصميم

واليوم نقدم جائزة لكل اختصاص

الشروط

1 الانضمام لمتابعى المدونة وذالك باستخدام تويتر او جوجل بلس او ياهو من هنا
2 الاعجاب بصفحتنا على فيس بوك من هنا

الجوائز

1 ستحصل على شعار احترافى
2 ستحصل على انترو احترافى مثل الانترو الخاص بالمدونة وهو

معاينة الانترو


فى امان الله وداعا :D

أحدث التدوينات

خدماتى المجانية


Get paid to share your links!