ترقيم صفحات بلوجر وتسهيل التنقل على الزوار في مدونتك

ترقيم صفحات بلوجر وتسهيل التنقل على الزوار في مدونتك

ترقيم صفحات بلوجر وتسهيل التنقل على الزوار في مدونتك

السلام عليكم ورحمة الله وبركاته

ترقيم صفحات بلوجر وتسهيل التنقل على الزوار في مدونتك

في هذه التدوينة سأشرح كيفية ترقيم صفحات مدونتك

مما يسهيل على الزائر التنقل في المدونة بدون مشاكل

الاضافة مجربة ليس فيها اي اخطاء فقط اتبع الخطوات

وسوف تنجح باذن الله

- طريقة تركيب الاضافة -

الخطوة الاولى

من لوحة التحكم اضغط على قالب–  اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على تحرير HTML

الخطوة الثانية

ابحث عن :

]]></b:skin>

واضف قبلها مباشرة (فوقها) :

.paginator {
 margin-top:60px;
 font-size:1em;
}
.paginator table {
 border-collapse:collapse;
 table-layout:fixed;
 width:100%;
}
.paginator table td {
 padding:0;
 white-space:nowrap;
 text-align:center;
}
.paginator span {
 display:block;
 padding:3px 0;
 color:#fff;
}
.paginator span strong,
.paginator span a {
 padding:2px 6px;
}
.paginator span strong {
 background:#ff6c24;
 font-style:tahoma;
 font-weight:normal;
}
.paginator .scroll_bar {
 width:100%; height:20px;
 position:relative;
 margin-top:10px;
}
.paginator .scroll_trough {
 width:100%; height:3px;
 background:#ccc;
 overflow:hidden;
}
.paginator .scroll_thumb {
 position:absolute;
 z-index:2;
 width:0; height:3px;
 top:0; right:0;
 font-size:1px;
 background:#363636;
}
.paginator .scroll_knob {
 position:absolute;
 top:-5px; right:50%;
 margin-right:-10px;
 width:20px; height:20px;
 overflow:hidden;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
 cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
 position:absolute;
 z-index:1;
 top:0; left:0;
 width:0; height:3px;
 overflow:hidden;
 background:#ff6c24;
}

.fullsize .scroll_thumb {
 display:none;
}

.paginator_pages {
 width:550px;
 text-align:right;
 font-size:0.8em;
 color:#808080;
 margin-top:-10px;
}

 الان ابحث عن :

</body>

 واستبدلها بـ :

  <script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000.js' type='text/javascript'></script>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>
</body>

شرح الرموز باللون الاحمر :

var postperpage=5; : عدد التدوينات في الصفحة الواحدة

var numshowpage=10 : عدد الصفحات التي ستظهر ارقامها في العداد 

اذا اكتفيت بهذا القدر ولا تريد ان تظهر عدد الصفحات في كل تبويب او تصنيف تدخل اليه بحيث اذا كان يحتوي هذا التصنيف على 20 تدوينة فسيتم تقسيمها الى 5 تدوينات لكل صفحة ( طبعا هذا يرتبط بوجود قائمة التصنيفات في مدونتك )

ان رغبت في الاستمرار فتابع للاسفل :

الان ابحث عن :

'data:label.url'

واستبدلها بـ :

'data:label.url + "?&max-results=5"'

الرقم 5 هو عدد التدوينات في كل صفحة .

اعتقد بأن هذا يكفي ، لأي استفسار اترك تعليق ، ومبروك عليك الاضافة