شرح إضافة ترقيم الصفحات لمدونات بلوجر

شرح إضافة ترقيم الصفحات لمدونات بلوجر

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

 * لا تنسى أخذ نسخة احتياطية من قالب .
* قم بالدخول الى لوحة التحكم ثم تحرير ال html ثم قم بتوسيع القالب .
* قم بالبحث عن هذا الكود

]]></b:skin>

* ثم أضف قبله هذا الكود 

.showpageNum a {
padding: 3px 8px;
margin:0 4px;
text-decoration: none;
border:1px solid #999;
-webkit-border-radius:3px;-moz-border-radius:3px;
background: #ddd;
}

.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: #666;
text-decoration: none;
}

 يمكنك تخصيص شكل الكود السابق بما يناسب لون مدونتك كما يلي :
أكواد ال CSS

1. Style 1
2. Style 2
3. Style 3
4. Style 4
5. Style 5
6. Style 6

شكل الإضافة على الطبيعة :

1. Style 1
2. Style 2
3. Style 3
4. Style 4
5. Style 5
6. Style 6

* ثم قم بالبحث عن هذا الكود

</body>

* ثم قم بإضافة هذا الكود قبل الكود السابق مباشر

&lt;script type='text/javascript'&gt;
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=4;
var upPageWord ='Prev';
var downPageWord ='Next';
&lt;/script&gt;
&lt;script src='http://scriptabufarhan.googlecode.com/svn/trunk/pagenaviv202-min.js' type='text/javascript'&gt;&lt;/script&gt;

ثم اضغط حفظ . ثم قم مشاهدة القالب .

ads

Posted in: تطوير مدونات بلوجر