-->

تقنية ، إنترنت ، برامج ، إسلامية ، إقتصادية ، إجتماعية ، تعليمية ، رياضية

سُبْحَانَ اللَّهِ وَبِحَمْدِهِ ... سُبْحَانَ اللَّهِ العَظَيم

الأحد، 2 فبراير 2014

كيفية ترقيم صفحات مدونة بلوجر(2)

كيفية ترقيم صفحات مدونة بلوجر(2)


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

شرح تفصيلي لطريقة التركيب  بالنسبة لمحرر بلوجر  الحديث

1- ندخل الى لوحة تحكم المدونة .  

 2- نضغط على كلمة  قالب  من القائمة الجانبية   مثل الصورة التالية :





بعد الضغط على كلمة قالب سوف تظهر لنا شاشة مثل الصورة التالية:




 ومن  تلك الصورة السابقة نضغط على تحرير   HTML    ، لكي يظهر لنا الصورة التالية:  




 
3- نبحث عن الكود التالي (اضغط على CTRL + F من الكيبورد لظهور عملية البحث ):
</body>
 
 
4 - بعد أن نجد الكود السابق  نضيف الكود التالي قبله مباشرة :
 
 
5- ثم نبحث عن  الكود التالي  :  

</b:template-skin> 

مع ملاحظة أنه في حالة عدم وجود  الكود السابق  نبحث عن  الكود التالي  :  
]]></b:skin>
 
 6 - بعد أن نجد الكود السابق  نضيف الكود التالي قبله مباشرة :
(لون أزرق)
/* -- NUMBER PAGE NAVIGATION -- */
.showpageNum a,.showpage a {
  padding: 3px 8px;
  margin:0 4px;
  text-decoration: none;
  border:1px solid #999;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  background: #3B5998;
  color:#fff;
  }

.showpageOf {
margin:0 8px 0 0;
}
.showpageNum a:hover {
  border:1px solid #888;
  background: #ccc;
  }

.showpagePoint {
  color:#fff;
  text-shadow:0 1px 2px #333;
  padding: 3px 8px;
  margin: 2px;
  font-weight: 700;
  -webkit-border-radius:3px;-moz-border-radius:3px;
  border:1px solid #999;
  background: #F1BA24;
  text-decoration: none;
  }
 
 
7- نضغط على زر حفظ التغيرات   لكي يتم حفظ القالب .
 
مع ملاحظة الآتي على الكود السابق بالخطوة رقم 6 :-
 .showpageNum a,.showpage a {في الكود
 
الكود الملون باللون الأحمر هو لون خلفية رقم الصفحة ويمكن تغيرها  إلى اللون الذي تريده من خلال موضوع تدرج كود الألوان من  هنــــــــــا ، والكود الملون باللون الأزرق هو اللون الأمامي لكتابة رقم الصفحة  .
 
.showpageNum a:hover { في الكود
 
الكود الملون باللون الأحمر هو لون خلفية رقم الصفحة ويمكن تغيرها  إلى اللون الذي تريده من خلال موضوع تدرج كود الألوان من  هنــــــــــا (مع العلم أن هذا اللون خاص بخلفية رقم الصفحة عند مرور الماوس عليها)  
 
 
جزى الله خيرا كل من ساهم فيه

 

هناك تعليق واحد: