مساحة إعلانية

الجمعة، 19 أبريل، 2013

الجمعة، 19 أبريل، 2013

أفضل الطرق لإضافة القرآن الكريم إلى مدونتك

Add Quran to your website
القرآن الكريم نور القلوب وحياة النفوس ووجوده في أى مكان رحمه وثواب واجر عظيم ولن تجد مكان يجلب لك حسنات مثل المواقع والمدونات عندما تضيف بها القرآن الكريم فكل زائر سيستمع للقرآن عن طريقك لك به أجر , تخيل كم الحسنات التي تاتيك وبإذن الله في هذا الموضوع سنضيف مجموعة طرق لوضع القرآن الكريم في مدونتك بطريقة صحيحة تجتذب المستمع , لان طرق إضافة القرآن الكريم بفضل الله متعددة لكن يجب ان تفكر أيهم يتناسب مع مدونتك وكيفية الإضافة لان هناك أخطاء ترتكب تسبب نتيجه عكسية ونفور مثال : نجد شخص يضيف إضافة قوية جداً بها كل القراء ولكنها ثقيلة ويجد الزائر معاناه في تحميلها او قد يكون الزائر يحتاج شئ بسيط ولا يستطيع البقاء طويلا ويضطر للإنتظار حتى يتم تحميل المدونة بسبب ثقل الأدوات وطبعا أدوات الميديا عموما ويدخل بها إضافات القرآن تاخذ وقت في التحميل بالإضافة أن بعض الإضافات تعمل تلقائيا وهذا ليس جيدا  حتى وإن كانت النية أن تسمعه خير الكلام لكن لا يجب ان ندفع الناس او نجبرهم على الطاعة ولكن اجعل دائما زائر مدونتك يحدد ما يريد فلو إستمع مكرها قد يغلق مدونتك وهو لا يرغب او لان الثقل أرهقه في التحميل لذا حاول ان تيسر على زائرك كل شئ وعليك أن تحدد هل ترغب بوضع الإضافة في آداة أم في صفحة مستقلة لماذا ؟ لانه لو قرارك أن تضعها في آداة يجب ان تنتقي إضافة خفيفة جداً بحيث لا تسبب مشكلة للزائر ولا تبدأ تلقائيا أبدا , أما لو كنت تهدف الى  إضافتها الى صفحة مستقله فحينها يمكن ان تستخدم  إضافة قوية لأن الزائر هو من دخل طائعا ويجب ان توفر له إضافة قوية تشمل عدد كبير من القراء بحيث ينتقي من يحب ان يستمع له


إضافات تضاف الى آداة HTML/JavaScript 

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

Get the Flash Player حمل مشغل الفلاش

كود الإضافة 

 <center>
<div id="container-main">
<a href="http://www.macromedia.com/go/getflashplayer">Get the Flash Player</a> حمل مشغل الفلاش </div>
<script type="text/javascript" src="https://cnmu.googlecode.com/svn/trunk/cnmu-player.js"></script>
<script type="text/javascript">
var s1 = new SWFObject("https://cnmu.googlecode.com/svn/trunk/cnmu-player.swf","ply","160","20","9","#FFFFFF");
s1.addParam("allowfullscreen","false");
s1.addParam("allowscriptaccess","always");
s1.addParam("flashvars","file=http://50.22.217.209:9998/;stream.nsv&type=mp3&volume=70&autostart=false");
s1.write("container-main");
</script>
</center>

ويمكنك تعديل مساحة عرض المشغل بزيادة الرقم 160

اما إن أردت إضافة تحكم أكبر في إختيار القارئ فهذه إضافة أخرى خفيفة وتتيح ذلك


كود الإضافة 

 <center>
<div style="padding:12px 5px 5px 9px; background:#fff; width:220px; border:4px solid #7F8080; border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;">
<center><iframe align="center"  src="http://www.alro7.net/smallplay2.php?alro7alro7&volume=150&loop=1&showvolume=1&sliderwidth=10&loadingcolor=FFFF00&slidercolor1=FAFAFA&slidercolor2=C7C7C7&showplaylistnumbers=0" frameborder="0" allowtransparency="1" scrolling="no"  width="220" height="160"></iframe></center>
</div>
</center>

ويمكن تعديل هذا اللون #7F8080  فهو لون الإطار الخارجي
أما لزيادة العرض فغير الرقم 220  ولزيادة الطول غير الرقم زد الرقم 160
الإضافة الثالثة وهي الأقوى إضافة مميزة تحتوي على حوالي 300 قارئ


كود الإضافة
<style>
#cnmu-Quran {
background:#ddd;
border: 1px solid #BBBBBB;
height: 200px;
overflow: hidden;
width: 240px;
}
</style>
<div id="cnmu-Quran">
<embed width="245" height="200" flashvars="hosterid=326561276" wmode="transparent" allowfullscreen="true" allowscriptaccess="always" bgcolor="#ffffff" quality="high" src="https://sites.google.com/site/cmudawin/flash/Radio-Quran-cnmu.swf">
</div>
هذا #ddd هو لون الخلفية
هذا #BBBBBB هو لون الإطار
أو يمكنك إزالة السطرين إن اردت الإضافة بدون الخلفية والإطار
background:#ddd;
border: 1px solid #BBBBBB;
 نسأل الله أن يكون هذا العمل خالصاً لوجهه وان يوفق الجميع الى ما يحب ويرضى 
دمتم في امان الله

هناك 26 تعليقًا:

  1. السلام عليكم ورحمة الله وبركاته
    بارك الله فيك وجزاك خير الجزاء
    اخي الطيب عمرو و نساله الله تعالى ان يبلغنا شفاعة الحبيب الهادي لطريق الحق
    محمد (صلى الله عليه وسلّم)
    واسال الله ان يتقبل منا و منكم صالح الاعمال
    ان شاء الله في موازين حسناتك اخي الغالي عمرو
    تحياتي اخوك في الله أبوملاك
    ثم الحمدلله..

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      وفيك بارك الله أخي الحبيب وجزاك بالمثل
      وجمعنا الله وإياك في الفردوس الأعلى
      وتقبل منا ومنك صالح الأعمال
      دمت في امان الله

      حذف
  2. شكراا لك أخي على الإضافة الجد مهمة، وأنصح الجميع باضافتها لمدوناتهة (صدفة جارية) .. شكراا مرة أخرى في انتظار كل جديد منك ...
    تم اضافتها في مدونتي :
    القرآن الكريم بأصوات متعددة

    ردحذف
    الردود
    1. تشرفت بمرورك أخي الكريم
      وجعلها الله في ميزان حسناتك وكما قلت هي صدقة جارية لكل من يضيفها أسأل الله أن يتقبلها

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

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      اللهم آمين اخي بدر
      وأسأل الله أن يستعملنا ولا يستبدلنا ويتقبل منا ومنكم صالح الأعمال
      دمت بكل ود يا غالي

      حذف
  4. بارك الله فيك أخى الكريم

    ردحذف
  5. جزيل الشكر على المرور الطيب
    تحياتي

    ردحذف
  6. ولله ليك الف شكر مشكوور

    ردحذف
  7. شاكر جداً للمرور الكريم جزاكم الله خيراً

    ردحذف
  8. بارك الله فيك يمكنك عمله يشتغل بدون ضغط كي يشتغل هذا تم تعديله من طرفي
    غيرو
    s1.addParam("flashvars","file=http://50.22.217.209:9998/;stream.nsv&type=mp3&volume=70&autostart=true");

    ردحذف
    الردود
    1. وفيك بارك الله اخي الكريم وشكرا على مشاركتك ولكن يبدو ان الكود تعارض مع الإبتسامات =s
      عموما هي بتحويل false ألى true بعد autostart
      ولكن طبعا لا انصح بهذا فقد يكون الزائر لا رغبة له في الإستماع او سرعة النت لديه ضعيفه فالأفضل ترك الإختيار له تحياتي

      حذف
  9. جزاك الله خيرا اللهم اجعل هذا في ميزان حسناتك
    موقعي: http://www.briniaks.co.vu/

    ردحذف
  10. انا مش عارف اعملها ممكن تعملهلى

    ردحذف
    الردود
    1. أخي يحيى كل ما عليك فعله نسخ الكود الخاص بالإضافة التي اعجبتك واضافته في آداة HTML/JavaScript
      وهذا شرح طريقة عمل الآداة
      http://cnmu.blogspot.com/2013/01/Add-Blogger-Widgets.html

      حذف
  11. جزاك الله كل خير وجعله في ميزان حسناتك

    ردحذف
  12. جعلها الله في ميزان حسناتك

    ردحذف
  13. اللهم آمين واياكم إخواني الكرام

    ردحذف
  14. شكـــراً جزيـــــــــلاً أخي الكريم على هذا العمل الرائع
    اللهم اجعله في ميزان حسناتك إن شاءالله واصل تميزك

    ردحذف
  15. شكرا على الموضوع المميز وأتمنى ان تزور مدونة أحمد طارق
    ahmedtarik.blogspot.com
    وتعمل تبادل اعلانى

    ردحذف
  16. سلام الله عليك اخي عمرو
    انا اريد الكود الذي استخدمته أنت في هذه الصفحة لو أمكن

    http://1-cnmu.blogspot.de/p/blog-page_19.html

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

    ردحذف
    الردود
    1. وعليكم السلام ورحمة الله وبركاته
      تفضل اخي الكريم هذا هو الكود
      وهو كان موجود ضمن الموضوع سابقاً لكن لانه توقف فترة بسبب توقف الموقع قمت بإزالته

      <center>
      <div style="width:400px;height:500px; background:#658556; margin:5px; border:7px dashed #FEE664; border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;">
      <object width="400" height="500" align="middle" id="Full_Quran" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000">
      <param value="http://www.khadejah.net/Quran/Quran_Arabic.swf?site=" name="movie">
      <param value="high" name="quality">
      <param value="transparent" name="wmode">
      <embed width="400" height="500" align="middle" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="Full_Quran" wmode="transparent" quality="high" src="http://www.khadejah.net/Quran/Quran_Arabic.swf?site=">
      </object>
      </div>
      </center>

      حذف
  17. الله يجزاك خير ويجعلها في ميزان حسناتك يا اخي ..
    اعجبتني الإضافة الثانية وركبتها بمدونتي ..
    ربي يوفقك ويبارك فيك .

    ردحذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©