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

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

مشغل القرآن الكريم 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.

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

فتح رابط التوجية