يمكنك الان شراء مساحة اعلانية علي موقعنا معرفه المزيد

اعلان

اضافه مشغل القران الكريم الى مدونه بلوجر

شرح مفصل لكيفية اضافه مشغل القران الكريم الى مدونه بلوجر Adding the Quran player to Blogger
الرجاء الانتظار 0 ثانية...
قم بالتمرير لأسفل وانقر فوق فتح الرابط للتوجيه
تم فحص وتجهيز الرابط

السلام عليكم متابعي مدونه مستر ميدو اليوم أقدم لك كود مشغل القرآن الكريم الي مدونتك و كود اذاعه القران الكريم من القاهره لكسب الثواب من كل زائر يدخل موقعك ويستمع للقرآن الكريم تلاوه مستمره فالقرآن نور القلوب ولن تجد مكان أنسب من موقع الكتروني يتواجد عليه الالاف يوميا من الزوار فيستمعون الي القرآن الكريم وتنال الثواب بأذن الله.

اضافه مشغل القران الكريم الى مدونه بلوجر

مشغل القرآن الكريم Quran Player

اضافه مشغل القران الكريم Quran Player الى بلوجر الذي نقدمها لكم اليوم هو مشغل الموسيقى الخاص بقالب Plus UI، ولقد قمت بالتعديل على الكود ليناسب مع تشغيل القران الكريم ومشاركته معكم. يضم المشغل صوتيات متنوعه من القران الكريم، اشهر الشيوخ في التلاوه.

  • الشيخ عبدالباسط عبدالصمد [ مريم، يوسف، ابراهيم، يونس، الحاقه، القلم ]
  • الشيخ ماهر المعيقلي [ الطارق، الكهف، التكوير ]
  • الشيخ فارس عباد [ الزمر، مريم ]
  • الشيخ احمد العجمي [ يس ]

خطوات اضافة القران الكريم لمدونة بلوجر

اذا كنت تريد اضافه مشغل القران الكريم في صفحه ثابته على مدونه بلوجر الخاصه بك، فعليك اتبع الخطوات البسيطه التاليه :-

  1. اولا اذهب الى الصفحه الرئيسيه بلوجر.
  2. ثانيا من القائمه في الجانب الايمن اذهب الى الصفحات.
  3. ثالثا قم بانشاء صفحه جديده واعطيها اسم Quran Player.
  4. رابعا قم بنسخ الكود التالي ولصقه في الصفحه الذي أنشأتها عبر تبويب HTML.
<div id='musicPlayer'></div>
<script>
  /*<![CDATA[*/
  /* Quran Player */
  var playerTracks = [{
      name: "Surah Maryam",
      artist: "Abdulbasit Abdulsamad",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/app-icon/main/android-icon-512x512.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/01Maryam.mp3"
    },
    {
      name: "Surah Yusuf",
      artist: "Abdulbasit Abdulsamad",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/QuranCover.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/02Yusuf.mp3"
    },
    {
      name: "Surah Yunus",
      artist: "Abdulbasit Abdulsamad",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/QuranCover.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/03Yunus.mp3"
    },
    {
      name: "Surah Ibrahim",
      artist: "Abdulbasit Abdulsamad",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/QuranCover.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/04Ibrahim.mp3"
    },
    {
      name: "Surah AlHaqqah",
      artist: "Abdulbasit Abdulsamad",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/QuranCover.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/05AlHaqqah.mp3"
    },
    {
      name: "Surah AlQalam",
      artist: "Abdulbasit Abdulsamad",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/QuranCover.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/06AlQalam.mp3"
    },
    {
      name: "Surah At-Tariq",
      artist: "Maher AlMuaiqly",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/QuranCover.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/07At-Tariq.mp3"
    },
    {
      name: "Surah Al-Kahf",
      artist: "Maher AlMuaiqly",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/QuranCover.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/08Al-Kahf.mp3"
    },
    {
      name: "Surah At-Takwir",
      artist: "Maher AlMuaiqly",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/QuranCover.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/09At-Takwir.mp3"
    },
    {
      name: "Surah Maryam",
      artist: "Fares Abbad",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/QuranCover.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/010Maryam.mp3"
    },
    {
      name: "Surah Az-Zumar",
      artist: "Fares Abbad",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/QuranCover.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/011Az-Zumar.mp3"
    },
    {
      name: "Surah YaSin",
      artist: "Ahmad Al-Ajmy",
      cover: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/QuranCover.png",
      source: "https://raw.githubusercontent.com/Mr-medo-net/Quran/main/012YaSin.mp3"
    }
  ];
  /*]]>*/
</script>

طريقه تركيب أخرى لقوالب بلوجر غير Plus UI.

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

مولد كود مشغل الموسيقى

اختبار الرمز Copy
ستظهر معاينة مشغل الصوت هنا

قريباً سنقوم بشرح طريقة اضافة مشغل الموسيقى مثل المشغل المدمج مع قالب بلس يو اي Plus UI.

ينتهي هنا موضوعنا عن "اضافه مشغل القران الكريم الى مدونه بلوجر"، ونلتقي في موضوع جديد على مدونة مستر ميدو. دمتم في امان الله :)

عن الكاتب

عبدالحميد ميدو، مصمم فلاتر سنابشات ومنشئ محتوى رقمي بخبرة تزيد عن 7 سنوات. لدي شغف بأحدث التقنيات، اهتمامًا خاصًا بلغات البرمجة كـ Python, JS وCSS.

تعليقان (2)

  1. السلام عليكم ورحمه الله وبركاته
    لو سمحت ممكن رابط موقع اصوات القران
    1. وعليكم السلام, يمكنك تصفح جميع مسارات بث القران الكريم من هنا
يسعدنا تفاعلكم بالتعليق، لكن يرجى مراعاة الشروط التالية لضمان نشر التعليق.
1 -أ ن يكون التعليق خاص بمحتوى التدوينة ❗
2 - أن لا تضع أي روابط خارجية❗
3 - أي سؤال خارج محتوى التدوينة يتم حذفه ❗
4 - لإضافة كود برمجي حوله أولاً بمحول الأكواد.
5 - لضمان نشر تعليقك يلزمك مراجعة اتفاقية الإستخدام.
ملفات تعريف الارتباط
نستخدم ملفات تعريف الارتباط (Cookies) لفهم كيفية استخدامك لموقعنا وتحسين تجربتك في المحتوى والإعلانات. باستمرارك في تصفح الموقع، فإنك توافق على استخدامنا لملفات تعريف الارتباط وفقًا لسياسة الخصوصية لدينا.
Oops!
يبدو أن هناك خطأ ما في اتصالك بالإنترنت.
يرجى الاتصال بالإنترنت والبدء في التصفح مرة أخرى.
يرجى السماح بعرض الإعلانات
يبدو أنك تستخدم أداة لحظر الإعلانات Adblock.
نحن نعتمد على الارباح التي نحققها من الإعلانات كمصدر تمويل لموقعنا الإلكتروني.
Site is Blocked
Sorry! This site is not available in your country.