قبل ان تقوم بالتعديل يجب عليك عمل نسخه احتياطيه للمدونه قبل التعديل الان نقوم بالتعديل وذلك بالضغط على "قالب" ومن ثم "تحرير Html " نضع علامة صح امام توسيع قوالب عناصر واجهة المستخدم . نضغط على(Ctrl + F) لفتح مربع البحث في المتصفح للبحث عن الكود .
كود بلغة HTML:
نقوم بوضع الكود التالي قبله مباشرة
كود بلغة HTML:
.showpageArea { color: #666666; margin: 10px 5px 3px 5px; padding: 0px; float: left; display: inline; font-size:12px; } .showpageArea a { background: #ffffff; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid #64CDE5; color: #666666; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline; float: left; } .showpageNum a { background: #ffffff; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid #64CDE5; color: #666666; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline; float: left; } .showpageNum a:hover { background: #C6E4EC!important; text-decoration: none; border: 1px solid #6BCDE5!important; } .showpagePoint { font-weight: bold; background: #C6E4EC; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid #46BDDB; color: #666666; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline; float: left; } .showpageOf { background: #ffffff; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid #64CDE5; color: #666666; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline; float: left; } .showpage a { background: #ffffff; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid #B9A2A2; color: #674D4D; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline; float: left; } .showpage a:hover { background: #C6E4EC!important; text-decoration: none; border: 1px solid #64CDE5!important; } .showpageNum a:link,.showpage a:link { background: #ffffff; padding: 4px 7px; margin: 0px 5px 0px 0px; text-decoration: none; border: 1px solid #64CDE5; color: #666666; -moz-border-radius: 5px; -webkit-border-radius: 5px; display: inline; float: left; } بالبحث عن الكود التالي
كود بلغة HTML:
</body>
نقوم ايضاً بوضع الكود التالي قبله مباشرة
كود بلغة HTML:
<script type='text/javascript'> var home_page="/"; var urlactivepage=location.href; var postperpage=6; var numshowpage=10; var upPageWord ='السابقة '; var downPageWord ='التالية '; </script> <script src='http://bplugins.googlecode.com/files/pagenumbers.js' type='text/javascript'/>
أتمنى أن يكون الدرس في متناول الجميع,في حال كان هنالك أي إستفسار لا تترددوا في وضع إستفساراتكم في تعليق.
المرجو دعم الموقع من خلال الإشتراك على صفحاتنا على المواقع الإجتماعية و مشاركة الدروس مع أصدقاءكم.