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

[loulou ange]

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




http://3.bp.blogspot.com/-MrF6ILi0H84/UHhM2w_C9YI/AAAAAAAAAMc/LmzEemI13uA/s1600/112.jpg





معاينة (http://devlope.blogspot.com/p/blog-page_10.html)




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


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


المرحلة الثانية :

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

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



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

رمز PHP:

<code style="white-space:nowrap"> <code> <div class='columns fauxcolumns'>
</code> </code>


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

رمز PHP:

<code style="white-space:nowrap"> <code> <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;o verflow: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;مدونة blog تطويرية شاملة&quot; href=&quot;http://devlope.blogspot.com/&quot;&gt;مدونة blog تطوير&lt;/a&gt;&lt;/div&gt;
&lt;/div&gt;
&lt;/body&gt;

&lt;/html&gt;


</b:if>
</code> </code>


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

</head>

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

رمز PHP:

<code style="white-space:nowrap"> <code> <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>
</code> </code>


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




المصدرمدونة blog تطوير (http://devlope.blogspot.com/2014/10/blog-post_12.html)









https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©