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

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;
 نسأل الله أن يكون هذا العمل خالصاً لوجهه وان يوفق الجميع الى ما يحب ويرضى 
دمتم في امان الله


No comments:

Post a Comment

201 تعريب عرب تيش جمياع الحقوق محفوظة 2016

Theme images by sndr. Powered by Blogger.