تحميل قالب القرآن الكريم الاحترافي لبلوجر | استماع، تحميل mp3

تحميل قالب القرآن الكريم الاحترافي لبلوجر | استماع، تحميل mp3

إذا كنت تبحث عن فرصة لإنشاء موقع إسلامي كصدقة جارية، أو ترغب في تحويل مدونتك على "بلوجر" إلى منصة صوتية متكاملة للقرآن الكريم، فأنت في المكان الصحيح!

نقدم لكم اليوم قالب القرآن الكريم الاحترافي لمنصة بلوجر، وهو ليس مجرد قالب عادي، بل هو "تطبيق ويب من صفحة واحدة" (SPA) مصمم بأحدث تقنيات الويب، يتيح لزوارك تجربة روحانية فريدة وسلسة دون الحاجة لإعادة تحميل الصفحة.

لماذا هذا القالب هو خيارك الأفضل؟

تم تصميم هذا القالب ليكون خفيفاً، سريعاً، ولا يحتاج إلى أي قواعد بيانات خارجية أو استضافة، حيث يعتمد كلياً على الواجهة البرمجية (API) الخاصة بموقع MP3Quran، مما يعني أن المحتوى يتحدث تلقائياً.

إليك أبرز المميزات التي تجعل هذا القالب استثنائياً:

🎧 القرآن الكريم مسموع لمئات القراء

يوفر القالب مكتبة صوتية ضخمة تضم أشهر قراء العالم الإسلامي بمختلف الروايات والمصاحف. بفضل المشغل الصوتي الاحترافي المدمج أسفل الشاشة (Sticky Player)، يمكن للزائر تصفح الموقع بالكامل بينما تستمر التلاوة العطرة بالعمل في الخلفية دون انقطاع.

💾 تحميل مباشر بصيغة MP3

الاستماع عبر الإنترنت رائع، ولكن ماذا عن الأوقات التي لا يتوفر فيها اتصال بالإنترنت؟

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

❤️ نظام "المفضلة" الذكي

لكي نمنح الزائر تجربة مخصصة، أضفنا ميزة المفضلة. يمكن للمستخدم الآن النقر على "أيقونة القلب" الموجودة على بطاقة القارئ المفضل لديه لحفظه. والأجمل من ذلك؟ هذه الميزة لا تتطلب تسجيل الدخول أو إنشاء حساب! حيث يتم حفظ التفضيلات مباشرة في متصفح الزائر للوصول السريع إليها لاحقاً عبر زر "فلتر المفضلة".

📻 البث المباشر للإذاعات والتفاسير

لا يقتصر القالب على التلاوات فقط، بل يضم قسماً خاصاً للبث المباشر للإذاعات الإسلامية على مدار الساعة، بالإضافة إلى قسم مخصص للتفاسير الصوتية لتتدبر آيات الذكر الحكيم.

🎨 تصميم عصري يدعم الوضع الليلي

ألوان متعددة: يمكن للزائر الاختيار بين عدة ألوان (الأخضر، الأزرق، الأحمر).

الوضع الداكن (Dark Mode): لراحة العين أثناء الاستماع والتصفح ليلاً.

تجاوب تام: يعمل القالب بمرونة فائقة على جميع الأجهزة (شاشات الكمبيوتر، الأجهزة اللوحية، والهواتف الذكية).

💡 كيفية التركيب على مدونتك؟

تركيب القالب أسهل مما تتخيل! كل ما عليك فعله هو:

التوجه إلى لوحة تحكم بلوجر.

الذهاب إلى قسم (المظهر / التنسيق) أو إنشاء (صفحة جديدة).

نسخ الكود بالكامل ولصقه كـ HTML.

حفظ.. ومبروك عليك موقعك القرآني الجديد!

نصيحة: ساهم في نشر هذا القالب ليكون صدقة جارية لك ولنا. فكل حرف يُستمع إليه عبر موقعك، لك فيه أجر بإذن الله.

معاينة     تحميل

موقع رائع لتحميل لوغو احترافي لمدونتك بصيغة psd مجانا

موقع رائع لتحميل لوغو احترافي لمدونتك بصيغة psd مجانا للتعديل عليه ببرنامج الفوتوشوب 

عينة شعار مدونة الجزيرة تم تحميله من الموقع الصراحة الموقع رائع والجميل أنه مجاني 

لوغو مدونة الجزيرة

عينة من الموقع 

رابط الموقع

روابط الخلاصات rss atom لمدونات بلوجر blogger

روابط الخلاصات rss atom لمدونات بلوجر blogger قم بتغيير اللون الأحمر الى إسم مدونتك واستخدم الخلاصات

خلاصات المشاركات

Atom 1.0 : http://aaljazzera.blogspot.com/feeds/posts/default

RSS 2.0: http://aaljazzera.blogspot.com/feeds/posts/default?alt=rss

خلاصات الأقسام

Atom 1.0: http://www.aaljazzera.blogspot.com/feeds/posts/default/-/blog

RSS 2.0: http://www.aaljazzera.blogspot.com/feeds/posts/default/-/blog?alt=rss

خلاصات التعليقات

Atom 1.0: http://aaljazzera.blogspot.com/feeds/comments/default

RSS 2.0: http://aaljazzera.blogspot.com/feeds/comments/default?alt=rss

إيقونات بلوجر شفافة للمدونين Blogger Icon

إيقونات بلوجر شفافة بدون تلوين للمدونين Blogger Icon

تحميل خط شعارات مواقع التواصل الإجتماعي fonts social icons

السلام عليكم ورحمة الله وبركاته

 أقدم لكم اليوم خط رموز وشعارات مواقع التواصل الإجتماعي فيس بوك تويتر جوجل

 بلوجر ورد بريس سكاي بي فليكر ياهو وغيرهم خط مهم للمصممين والمدونيين
ـــــــــــــــــــ
تحميل الخط

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

السلام وعليكم ورحمة الله وبركاته

 أقدم لكم اليوم اداة تحويل كود ادنسس لإضافتها في مدونة بلوجر اداة مهمة لكل المدونين 

طريقة اضافت الأدات نذهب الى الصفحات ونقوم بانشاء صفحة ونضيف اليها الكود التالي

معاينة الإضافة على مدونة الجزيرة من هنا
<style type="text/css">
.cbt{text-align:center;display:block; Width:200px; margin-top:10px;color:#000;background: #DAD8D9;background: -moz-linear-gradient(top,  #F0F0F0 , #DAD8D9 );background: -webkit-linear-gradient(top,  #F0F0F0 ,#DAD8D9 );font-size:14px;line-height:16px;text-decoration:none;border:1px solid #BEBEBE;padding:4px 10px;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
.cbtn{margin-top:10px;color:#222;background: #D1E0E5;background: -moz-linear-gradient(top,#EEF3F6,#D1E0E5);background: -webkit-linear-gradient(top,#EEF3F6,#D1E0E5);text-decoration:none;border:1px solid #BEBEBE;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}
</style>
<div align="center">
<div dir="ltr" style="float: center;" trbidi="on">
<span class="google-src-text" style="direction: ltr; text-align: left;"><span class="Apple-style-span" style="color: black;"><span class="Apple-style-span" style="font-family: 'trebuchet ms'; font-size: 13px; line-height: 20px;"><script type="text/javascript">
function convert(){var ele1 = document.getElementById("somewhere");var replaced;replaced = ele1.value;replaced = replaced.replace(/&/ig, "&amp;");replaced = replaced.replace(/</ig, "&lt;");replaced = replaced.replace(/>/ig, "&gt;");replaced = replaced.replace(/"/ig, "&quot;");replaced = replaced.replace(/±/ig, "&plusmn;");replaced = replaced.replace(/©/ig, "&copy;");replaced = replaced.replace(/®/ig, "&reg;");replaced = replaced.replace(/ya'll/ig, "ya'll");ele1.value = replaced;}
</script></span></span></span><br />
<table border="0" cellpadding="0" cellspacing="0" style="width: 400px;"><tbody>
<tr> <td valign="top" width="400"><div align="center">
<textarea cols="50" id="somewhere" rows="15" style="background: none repeat scroll 0% 0% rgb(248, 248, 248); border: 2px solid rgb(204, 204, 204);"></textarea><input class="cbt" onclick="convert();" onmouseout="this.className='cbt'" onmouseover="this.className='cbt cbtn'" type="button" value="إضغط هنا لتحويل الكود" /></div>
</td> </tr>
</tbody></table>
</div>
</div>

طريقة تغيير لون الشريط الجانبي للمتصفح على مدونة بلوجر

السلام عليكم ورحمة الله وبركاته 

أقدم لكم اليوم طريقة تغيير لون الشريط الجانبي الى لون من إختيارك لمدونة بلوجر مثل شريط مدونة الجزيرة لتغيير لون الشريط إبحث عن هذا الوسم </head> وأضف فوقه الكود التالي

<style> ::-webkit-scrollbar{width:7px;height:7px;background:#fff;} ::-webkit-scrollbar-thumb{background:#E74C3C;} </style>

لتغيير الى لون من إختيارك غيرهذا الكود E74C3C#

أسهل طريقة لإضافة صندوق أكواد HTML إلى تدويناتك

السلام عليكم ورحمة الله وبركاته
أقدم لكم اليوم أسهل طريقة لإضافة أكواد HTML الى تدويناتك على مدونة بلوجر
إنسخ الكود بالأسفل وعندما تريد كتابة تدوينة انتقل من التأليف الى HTML وضع الكود
وضع الكود المراد إدراجه مكان كلمة ضع الكود هنا

الكود         والعينة 

<center> <div> <form name="copy"> <div align="center"> <input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="تحديد الكل"> </div> <div align="center"> </div> <p align="center"> <textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55"> ضع الكود هـنا