كيفية اضافة القرءان الكريم مع التفسير لمدونات بلوجر بشكل احترافي وجميل

السلام عليكم ورحمة الله تعالى وبركاته إخواني أخواتي الكرام ،نستهل موضوعنا اليوم بشرح كيفية اضافة برنامج ايات للقرءان الكريم مع التفسير على مدونات بلوجر ،ما عليك فعله سوى إتباع المراحل الآتية :

معاينة

المرحلة الاولى : 


يجب عليك إنشاء صفحة ثابتة على مدونتك وذلك من إرسال -->صفحات التحرير--> صفحة جديدة-->تحرير Html
أدخل عنوان للصفحة مثلا : القرءان الكريم مع التفسير ، بعد ذلك اترك الصفحة فارغة ولاتكتب فيها شيء , ولا تنسى أن تقوم بالغاء اضافة التعليق من خيارات الرسائل ثم بعد ذلك اضغط : نشر.


المرحلة الثانية :
انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحرير, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.

قم بالبحث عن الكود التالي :لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء .

رمز PHP:

<div id='content-wrapper'>  

فان لم تجده قم بالبحث علي هذا الكود :

رمز PHP:

<div class='columns fauxcolumns'>  

ثم قم بلصق الكود التالي قبل احد الاكواد التي تم العثور عليها ،مع ادخال رابط الصفحة التي أنشأتها و المسماة في هذا المثال : القرءان الكريم مع التفسير :

رمز PHP:

<b:if cond='data:blog.url == &quot;رابط الصفحة&quot;'>
&lt;!DOCTYPE  html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot;  &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;&lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;
&lt;head&gt;
&lt;meta content=&quot;text/html; charset=utf-8&quot; http-equiv=&quot;Content-Type&quot; /&gt;
&lt;title&gt;القرءان الكريم مع التفسير&lt;/title&gt;
&lt;meta  name=&quot;keywords&quot; content=&quot;قرءان, المصحف,  تلاوة القرءان, استماع القرءان, موقع القرءان, اشهر القراء, تفسير القرآن,  قرآة بعدة لغات, تمرين حفظ, حفظ القرآن الكريم, تلاوات خاشعة, quran mp3,  koran, holy quran, coran&quot;&gt;
&lt;meta  name=&quot;description&quot; content=&quot;القرآن الكريم  استماع و تلاوة القرءان لأشهر القراء بدون انقطاع مع تحميل المصحف الكامل  برابط واحد quran mp3&quot;&gt;
&lt;style type=&quot;text/css&quot;&gt;
/*
Main Menu
*/
#menu, #menu ul li {margin: 0;padding: 0;
list-style: none;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;background-color: #555555;}#menu li {margin: 0;padding: 0;float: right;position: relative;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}#menu li a, #menu li a:visited {font-family: Tahoma, Arial, sans-serif;font-size: 13px;font-weight: normal;padding: 5px 12px;color: #fff;background: #555;display: block;text-decoration: none;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}#menu li a:hover {color: #fff;background: #222;padding: 5px 12px;display: block;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}/*
Sub Menu
*/
#menu li ul {width: 199px;padding:0;position: absolute;right: 0;display: none;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}#menu li:hover ul {display: block;
}#menu li li {margin: 0;padding: 0;float: right;width: 175px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}#menu li li a, #menu li li a:visited {margin: 0;padding: 5px 12px;border-top: 1px solid #fff;background: #666;width: 175px;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
}#menu li li a:hover{background: #222;color: #eee;-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-BOTTOMright: 5px;
-webkit-border-BOTTOM-right-radius: 5px;
} 

&lt;/style&gt;
&lt;meta content=&quot;القران الكريم , كتاب الله&quot; name=&quot;keywords&quot; /&gt;
&lt;meta content=&quot;تحلي الحياة&quot; name=&quot;description&quot; /&gt;
&lt;/head&gt;

&lt;body&gt;


&lt;!-- اعلانات--&gt; 


&lt;head&gt;
&lt;meta http-equiv=&quot;Content-Language&quot; content=&quot;en-us&quot;&gt;
&lt;/head&gt;

&lt;div style=&quot;background-color: #E8E4D0&quot;&gt;&lt;ul id=&quot;menu&quot;&gt;


&lt;/ul&gt;
&lt;/div&gt;


&lt;!-- اعلانات--&gt; 
&lt;iframe  src=&quot;http://quran.ksu.edu.sa/index.php&quot;  style=&quot;min-width:1000px;width:100%;height:930px;border:none;overflow:hidden&quot;&gt;&lt;/iframe&gt;&lt;div style=&quot;background-color: #E8E4D0&quot;&gt;&lt;div align=&quot;center&quot;&gt;مع تحيات :&lt;a title=&quot;مدونة تطويرية شاملة&quot; href=&quot;http://devlope.blogspot.com/&quot;&gt;مدونة تطوير&lt;/a&gt;&lt;/div&gt;&lt;/div&gt;
&lt;/body&gt;

&lt;/html&gt;


</b:if>  

المرحلة الثالثة : هذه المرحلة مهمة جدا،حيث يتم اخفاء جميع الأدوات والرسائل من هذه الصفحة لكي تظهر على شكل صفحة مستقلة تتضمن القرءان الكريم مع التفسير لوحده ,قم بالبحث عن هذا الكود :

</head>

ثم الصق الكود التالي قبلة ،مع ادخال رابط الصفحة :

رمز PHP:

<b:if cond='data:blog.url == &quot;رابط الصفحة&quot;'>


<style type='text/css'>

#content-wrapper {

display:none !important;


}


.columns, .fauxcolumns {

display:none !important;


}


</style>


</b:if>  

وأخيرا قم بحفظ القالب ومبروك عليك ،ولا تنسى ان تقوم باضافة رابط صفحة القرءان الكريم في الصفحة الرئيسية ،على القائمة الأفقية اوفي اي مكان يعجبك في المدونة .